首頁  >  文章  >  php框架  >  laravel支援vue嗎

laravel支援vue嗎

(*-*)浩
(*-*)浩原創
2019-10-30 11:01:003212瀏覽

開始學習使用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作為示範文件,開始之前,先在73a6ac4ed44ffec12cee46588e518a5e之前引入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