D6 當Laravel遇上Vue | PHP vue
再過幾週段考,書沒讀完,我很傷心。今天搖滾莫札特末場,不能去,我覺得更傷心了。Vue.js[1]是個JavaScript框架,針對View的使用去設計的,讓開發者切割跟區分前端的資料。舉個栗子:
再過幾週段考,書沒讀完,我很傷心。今天搖滾莫札特末場,不能去,我覺得更傷心了。Vue.js[1]是個JavaScript框架,針對View的使用去設計的,讓開發者切割跟區分前端的資料。舉個栗子:
再過幾週段考,書沒讀完,我很傷心。今天搖滾莫札特末場,不能去,我覺得更傷心了。
Vue.js[1] 是個JavaScript框架,針對View的使用去設計的,讓開發者切割跟區分前端的資料。舉個栗子:
<div id=opera> {{ message }} </div> <script> var app = new Vue({ el: #opera, data: { message : "I love Mozart LOpéra Rock!" } }); </script>然後它長出來(?)在HTML上會變成:
<div id="opera"> I love Mozart LOpéra Rock! </div>有沒有覺得跟Blade好像有點像(並沒有)。
Laravel在5版後有內建支援Vue,在Laravel Project架構下Vue元件的家住在 resources/js 裡面
resources └── js ├── app.js //進入Vue元件的主要檔案 ├── bootstrap.js //載入函式的流程檔 └── components └── ExampleComponent.vue //預設範例元件在Terminal下指令,記得要登入Docker的workspace:
// 複習個進入workspace的指令 docker exec -it laradock_workspace_1 bash // 執行Artisan指令,建立檔案 php artisan make:auth我們得到了一些新東東在resources目錄內:)
先看看app.blsde.php,其中這行@yield(content)是等等我們要載入Vue元件的地方。
接著新增一個test.blade.ph...