Laravel使用Vue.js是一個非常常見的組合,這樣可以為您的應用程序提供更好的用戶體驗。
要使用Laravel和Vue.js,您需要使用Laravel Mix。Laravel Mix是一種基于Webpack的抽象層,它使您的前端工作流程變得更加簡單。
// 安裝Laravel Mix npm install --save-dev laravel-mix // 安裝Vue.js npm install vue --save // 引入Laravel Mix const mix = require('laravel-mix'); // 編譯Vue.js組件 mix.js('resources/js/app.js', 'public/js') .sass('resources/sass/app.scss', 'public/css');
以上代碼會將resources/js/app.js編譯成public/js/app.js,resources/sass/app.scss編譯成public/css/app.css。要使用Vue.js,您可以將Vue.js文件嵌入到Laravel模板中,如下所示:
<div id="app"> <example-component></example-component> </div>