将Vue JS文件导入laravel

Question

我使用these vue js files在Larval中建立表单。

当我在幼虫中调用这些文件时，我得到一个空白页。

我的文件结构如下：

app.js文件的内容如下：

import Vue from "vue"
import App from "./components/App.vue"
import store from "./components/store"
import VeeValidate from "vee-validate"
Vue.use(VeeValidate);
import "./components/directives"
Vue.config.productionTip = false;
new Vue({
    store,
    render: h => h(App)
}).$mount("#app");

当然，当我运行nmp run watch的命令时，会收到以下警告。

  

./ resources / js / app.js 5：8-19中的警告“导出'默认'（导入为   在'vee-validate'@ multi中找不到'VeeValidate'）   ./resources/js/app.js ./resources/sass/app.scss

我的问题是：如何将外部vue js文件导入laravel项目？

Answer 1

首先需要将app.js包含在刀片文件中

<script src="{{asset('js/app.js')}}"></script>

之后，如果要在刀片应用程序中使用vue js组件，则需要像这样在app.js中定义它们：

Vue.component('home', require('path to your component').default);

在div #idd下的刀片中，添加标签<home></home>