Laravel学习之vue基础（一）

在laravel中使用vue详情请移步官方文档：前端组件,本文虽然也是使用的lervel但是使用了一种特别笨的方法引入vue；

---

下载vue.min.js
把下载好的文件放入public\js目录下

目录
在所写的blade模板中引入vue
引入vue
在public\js目录下新建一个js文件，把我们所写的js写入该文件，
测试js文件
在resources\views\目录下新建blade模板vue.blade.php并把测试js文件引入，编写一个vue模块
引入测试js
在测试js文件里编写一个简单的vue,
vue
路由web.php
路由
访问该路由：http://localhost:8000/vue
结果
这样vue就算是添加成功了

---

注：在laravel中因为{{ }}已经是blade模板中的一种默认格式，所以在使用vue的时候为了不起冲突，blade中特意使用了@{{}}，@ 符在编译阶段会被 Blade 移除，但是，{{ name }} 表达式将会保持不变，从而可以被 JavaScript 框架正常渲染。详情请看官方文档：Laravel 视图渲染。