在5.3之前的Laravel项目中,我已经使用Vue.js并使用了脚本标签,如下所示:
<script type="text/javascript" src="../js/vue.js"></script>
然后,我将为该页面创建一个Vue实例,如下所示:
<script>
new Vue({
el: '#app',
data: {
message: 'Hello Vue.js!'
}
});
</script>
然后将其绑定到HTML中的相关div#id。
现在,在Laravel 5.3中捆绑了Vue.js,我完全意识到我可以通过使用gulp / elixir使用文档中所述的组件,但是,我的问题是我是否要像刚才提到的那样创建Vue.js实例,即我严格为给定页面(不是组件)创建Vue.js实例的方式?
是否像以前那样通过在脚本标签中导入vue.js库来进行设置,还是可以使用生成的app.js?
我不应该这样做吗,我应该为所有内容创建组件吗?
对我来说,为仅使用一次的组件制作组件是没有意义的-我认为组件的目的是可重用-您可以在多个地方使用它。如Vue.js文档中所述:
组件是Vue.js最强大的功能之一。它们可以帮助您扩展基本HTML元素以封装可重用的代码。
任何建议,将不胜感激,谢谢!
如果您使用的是Laravel 5.5及更高版本,那么这是最好的解决方案,如果您想利用Blade的强大功能但仍然喜欢VueJS的反应
https://stackoverflow.com/a/54349029/417899