欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

laravel部署vue

錢琪琛2年前9瀏覽0評論

Laravel是一款很受歡迎的PHP框架,而Vue是目前流行的一款前端框架,如何在Laravel中部署Vue呢?下面我們一起來看看。

首先,我們需要在Laravel中安裝Vue,具體操作如下:

npm install vue

安裝好Vue之后,我們需要在項目中新建一個resources/assets/js目錄,用于存放Vue的文件。然后,我們需要在webpack.mix.js中添加下面的代碼:

// 引入Vue
let mix = require('laravel-mix');
mix.js('resources/assets/js/app.js', 'public/js')
.sass('resources/assets/sass/app.scss', 'public/css');

然后我們可以將Vue組件寫在resources/assets/js/app.js文件中。例如:

Vue.component('example-component', require('./components/ExampleComponent.vue'));
const app = new Vue({
el: '#app'
});

接下來我們需要將Vue文件打包,具體方式如下:

// 執行
npm run dev

這樣即可將Vue文件打包到public/js/app.js中,我們可以在視圖文件中引入打包后的文件。

<div id="app">
<example-component></example-component>
</div>
...
<script src="{{ asset('js/app.js') }}"></script>

如此一來,我們便順利地在Laravel中部署了Vue。