rocklyt

1303 经验值

搞了两天没找到完美解决方案,遇到问题:
1,blade模板的变量传递给前端vue组件没成功
2、vux引入laravel出错,目前我只会用vux独立建前端项目
后来我用的笨办法,压根就没有用到前端的压缩工具,直接在clone下来vux 生成dist .js文件,在blade中选择性地引入。使用blade的@include功能,实现页面代码的分解(感觉我是把这个当spa中的.vue文件一样在使用,spa中一般一个.vue文件为一个页面,我的是一个@include一个页面,vue处理数据的逻辑也是独立在@include的页面中)

我的笨方法有一个缺点就是,代码压缩比较麻烦

而且<script src="/js/app.js"></script> 这个要放在el指定ID的后面

解决了,原来是vue2.0 的el不能是body,而且<script src="/js/app.js"></script> 这个要放在el指定ID的后面

使用windows 7系统 Laravel5.3

我想在laravel5.3中使用自定义vue组件,我在项目目录下执行 cnpm install 然后 gulp均正常执行。
在blade文件中这样调用默认vue的example组件

<script src="/js/app.js"></script>

<body>

    <example></example>

</body>
浏览器报错如下:
[vue-loader] resourcesassetsjscomponentsExample.vue: named exports in *.vue files are ignored.

vue.runtime.common.js?8818:521[Vue warn]: Cannot find element: body

vue.runtime.common.js?8818:521[Vue warn]: Failed to mount component: template or render function not defined.
(found in root instance)

不能正常显示example组件的内容。

请问这是什么原因呢? 该如何解决呢? 谢谢!
之前一直没有用自带的vue组件功能,现在想使用一个vue的UI库 vux,又不想单独建一个前端的项目来做,所以想在laravel里面把vue组件引入来使用。

第一次提问,如有不当请多包涵,谢谢!

为什么我添加babel后,执行webpack非常慢呢,需要20多秒,我是在windows下,没加babel之前是正常的2秒左右