開始學習使用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作為示範文件,開始之前,先在73a6ac4ed44ffec12cee46588e518a5e之前引入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嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!