首頁 > php框架 > Laravel > 主體

laravel支援vue嗎

(*-*)浩
發布: 2019-10-30 11:01:00
原創
3210 人瀏覽過

開始學習使用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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板