在Laravel5.5中使用vue渲染具体过程与总结

首先安装laravel集成环境,不在多余赘述,直接开始配置
1.打开layout目录,这里是视图层公用文件,名字随便起,只要你能引入到非公用视图文件中就好,我这里拿main.blade.php为例
图片描述php

2.main.blade.php仍是按照默认的html写法 不过必定要引入VUE组件文件中的app.js配置文件
图片描述html

3.打开app.js文件 进行vue组件注册 我这里直接用自带的example文件
图片描述vue

4.因为example文件自带内容 我就很少余配置了 这里只讲过程 下一步将vue组建引入视图文件
图片描述laravel

这里须要注意的是 必定不要忘记引入刚才的公用视图文件 接着 激活example。最后必定必定要记住 要把example组件写在一个id为app的div中 不然永远没法渲染哦 这是大坑 坑了我一宿npm

最后cnpm run dev打包
图片描述缓存

打包成功后切记ctrl+F5刷新 有时候这里也是大坑 缓存根本不出app

最后刷新页面 vue组件渲染成功
图片描述spa

相关文章
相关标签/搜索