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

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

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