vue-cli2.9.3使用步驟詳解
來源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 19:51:33
vue-cli2.9.3使用步驟詳解
vue-cli2.9.3使用步驟詳解:這次給大家?guī)韛ue-cli2.9.3使用步驟詳解,vue-cli2.9.3使用的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。一、安裝vue-cli1.使用npm全局安裝vue-cli(前提是你已經(jīng)安裝了nodejs,否則你連npm都用不了),命令如下:npm install vue-c
導(dǎo)讀vue-cli2.9.3使用步驟詳解:這次給大家?guī)韛ue-cli2.9.3使用步驟詳解,vue-cli2.9.3使用的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。一、安裝vue-cli1.使用npm全局安裝vue-cli(前提是你已經(jīng)安裝了nodejs,否則你連npm都用不了),命令如下:npm install vue-c
下圖中的components:{App}就是引入的根組件App.vue
后期還可以引入插件,當(dāng)然首先得安裝插件。

router——[路由配置]
router文件夾下,有一個(gè)index.js,即為路由配置文件
這里定義了路徑為'/'的路由,該路由對應(yīng)的頁面是Hello組件,所以當(dāng)我們在瀏覽器url訪問http://localhost:8080/#/時(shí)就渲染的Hello組件
類似的,我們可以設(shè)置多個(gè)路由,‘/index','/list'之類的,當(dāng)然首先得引入該組件,再為該組件設(shè)置路由。

相信看了本文案例你已經(jīng)掌握了方法,更多精彩請關(guān)注Gxl網(wǎng)其它相關(guān)文章!
推薦閱讀:
vue中.vue文件解析步驟詳解
vue webpack使用案例詳解
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
vue-cli2.9.3使用步驟詳解
vue-cli2.9.3使用步驟詳解:這次給大家?guī)韛ue-cli2.9.3使用步驟詳解,vue-cli2.9.3使用的注意事項(xiàng)有哪些,下面就是實(shí)戰(zhàn)案例,一起來看一下。一、安裝vue-cli1.使用npm全局安裝vue-cli(前提是你已經(jīng)安裝了nodejs,否則你連npm都用不了),命令如下:npm install vue-c