Laravel 5 VueJS不工作
Laravel 5 VueJS不工作
提问于 2018-03-04 04:34:43
我正试着用vuejs在我的新鲜幼体设置中。我在命令行中运行以下命令
npm install
npm run dev此命令运行时没有任何错误。当我导入位于模板中~/ressources/assets/components/ExampleComponent.vue下的默认VUE组件时，没有任何反应。
@section('content')
<example-component></example-component>
@endsection这里是app.js
require('./bootstrap');
window.Vue = require('vue');
Vue.component('example-component', require('./components/ExampleComponent.vue'));
const app = new Vue({
el: '#app'
});回答 5
Stack Overflow用户
回答已采纳
发布于 2018-03-04 05:33:20
如果您正在使用Laravel Mix，请检查您的webpack.mix.js文件，默认配置必须如下所示
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');现在，看看您是否已将JS文件链接到您的刀片模板
对于更老的Laravel版本(<= 5.5)，看起来是这样的：
<script src="{{ asset('js/app.js') }}"></script>像这样新的一次(> 5.5)
<script src="{{ mix('js/app.js') }}"></script>最后，看看你有没有
el: '#app'它意味着#- id，就像在CSS中一样，VueJS将搜索id为app元素。该元素之外的所有内容都将不起作用。
所以你必须像这样使用它
<div id='app'>
<example-component></example-component>
</div>或者
<section id='app'>
<example-component></example-component>
</section>Stack Overflow用户
发布于 2018-03-04 05:15:13
我认为应该用app的id包装容器div
<div id="app" > <example-component></example-component> </div>如果不是，只检查在php文件中是否正确导入了Js文件。
Stack Overflow用户
发布于 2019-11-20 20:50:53
我也遇到了这个问题，我的问题也解决了。我不是在导入
<script src="{{ asset('js/app.js') }}" defer></script>检查您是否正在导入js/app.js和#app
它应该对你有效。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49088957
复制相关文章
相似问题
腾讯云开发者
