美文网首页
Laravel学习之vue基础(一)

Laravel学习之vue基础(一)

作者: 唐朝早晨 | 来源:发表于2018-09-21 19:05 被阅读0次

在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 视图渲染

相关文章

网友评论

      本文标题:Laravel学习之vue基础(一)

      本文链接:https://www.haomeiwen.com/subject/qssznftx.html