laravel支持vue吗

互联网 19-10-30
开始学习使用 Vue.js 之前先要将其引入我们的 Laravel 项目,这里我选择最简单的方式,直接下载对应的开放版本JS文件(http://vuejs.org/js/vue.js),然后将下载的vue.js文件放置到public目录下的js目录中(如果没有js目录则创建之)。

Hello World (推荐学习:laravel开发)

和任何其他语言/框架学习一样,让我们从打印Hello World开始,与此同时我们将学习Vue的功能特性之一:数据绑定。

我们以Laravel提供的视图文件welcome.blade.php作为演示文件,开始之前,先在</html>之前引入vue.js:

<script type="text/javascript" src="{{asset('js/vue.js')}}"></script>

然后我们编辑welcome.blade.php文件内容如下:

<div class="container">      <div class="content">          <div class="title">              <p>@{{ message }}</p>          </div>      </div>  </div>

同时编写js部分代码:

<script type="text/javascript">       new Vue({          el: '.title',          data: {              message: 'Hello Laravel!'          }      })  </script>

以上就是laravel支持vue吗的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: laravel
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:laravel如何设置路由

相关资讯