首页 > php框架 > Laravel > laravel支持vue吗

laravel支持vue吗

(*-*)浩
发布: 2019-10-30 11:01:00
原创
3272 人浏览过

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

laravel支持vue吗

Hello World      (推荐学习:laravel开发

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

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

<script type="text/javascript" src="{{asset(&#39;js/vue.js&#39;)}}"></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: &#39;.title&#39;,
         data: {
             message: &#39;Hello Laravel!&#39;
         }
     })
 </script>
登录后复制

以上是laravel支持vue吗的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
Laravel Space/laravel-backup 无法安装
来自于 1970-01-01 08:00:00
0
0
0
composer安装laravel安装不上
来自于 1970-01-01 08:00:00
0
0
0
Laravel 5.1 登录 laravel 自带的 没有啦
来自于 1970-01-01 08:00:00
0
0
0
为什么thinkphp比laravel性能好?
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板