首先安裝laravel集成環境,不在多餘贅述,直接開始配置
1.打開layout目錄,這裏是視圖層公用文件,名字隨便起,只要你能引入到非公用視圖文件中就好,我這裏拿main.blade.php爲例php
2.main.blade.php仍是按照默認的html寫法 不過必定要引入VUE組件文件中的app.js配置文件html
3.打開app.js文件 進行vue組件註冊 我這裏直接用自帶的example文件vue
4.因爲example文件自帶內容 我就很少餘配置了 這裏只講過程 下一步將vue組建引入視圖文件laravel
這裏須要注意的是 必定不要忘記引入剛纔的公用視圖文件 接着 激活example。最後必定必定要記住 要把example組件寫在一個id爲app的div中 不然永遠沒法渲染哦 這是大坑 坑了我一宿npm
最後cnpm run dev打包緩存
打包成功後切記ctrl+F5刷新 有時候這裏也是大坑 緩存根本不出app
最後刷新頁面 vue組件渲染成功spa