Laravel是一個(gè)PHP開發(fā)框架,可用于web應(yīng)用程序的快速開發(fā)。Vue是JavaScript框架,可用于創(chuàng)建用戶界面。Laravel和Vue可以結(jié)合使用,以創(chuàng)建高性能Web應(yīng)用程序。
當(dāng)您使用Laravel和Vue時(shí),必須使用Vue.js的npm包作為前端框架。為此,請(qǐng)將以下行添加到你的package.json文件中:
"dependencies": { "vue": "^2.6.12" }
一旦您添加了Vue.js和其他依賴項(xiàng),就需要添加打包器來將您的Vue.js代碼與Laravel代碼打包在一起。此處我們使用Laravel Mix,它是一個(gè)簡(jiǎn)單的打包器并且和 Laravel 框架很好的整合。
在執(zhí)行npm install之后,您可以通過創(chuàng)建webpack.mix.js文件來配置Laravel Mix。您可以使用以下內(nèi)容來創(chuàng)建一個(gè)基本的webpack.mix.js文件:
let mix = require('laravel-mix'); mix.js('resources/js/app.js', 'public/js');
此處假設(shè)您已經(jīng)將Vue.js文件存儲(chǔ)在/resources/js/目錄中,并且將其打包到/public/js/目錄中。您在Vue.js文件中創(chuàng)建的任何組件,都會(huì)在打包過程中自動(dòng)包含在應(yīng)用程序中。如果您需要在Vue組件之外使用Vue,需要在Laravel的視圖文件中添加Vue.js庫(kù)的文件引用。