在Laravel 5.3中使用Vue.js

JavaScript

猿米亚

2020-03-12

在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元素以封装可重用的代码

任何建议,将不胜感激,谢谢!

第1277篇《在Laravel 5.3中使用Vue.js》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
ItachiGreen 2020.03.12

如果您使用的是Laravel 5.5及更高版本,那么这是最好的解决方案,如果您想利用Blade的强大功能但仍然喜欢VueJS的反应

https://stackoverflow.com/a/54349029/417899

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android