vue-cli2.9.3 詳細教程
來源:懂視網
責編:小采
時間:2020-11-27 22:15:53
vue-cli2.9.3 詳細教程
vue-cli2.9.3 詳細教程:一、安裝vue-cli 1.使用npm全局安裝vue-cli(前提是你已經安裝了nodejs,否則你連npm都用不了),命令如下: npm install vue-cli -g 2.可以用vue -V來進行查看 vue-cli的版本號。注意這里的V是大寫的。如果vue -V的命令能顯示版本號,說明已經順利的
導讀vue-cli2.9.3 詳細教程:一、安裝vue-cli 1.使用npm全局安裝vue-cli(前提是你已經安裝了nodejs,否則你連npm都用不了),命令如下: npm install vue-cli -g 2.可以用vue -V來進行查看 vue-cli的版本號。注意這里的V是大寫的。如果vue -V的命令能顯示版本號,說明已經順利的
下圖中的components:{App}就是引入的根組件App.vue
后期還可以引入插件,當然首先得安裝插件。

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

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
vue-cli2.9.3 詳細教程
vue-cli2.9.3 詳細教程:一、安裝vue-cli 1.使用npm全局安裝vue-cli(前提是你已經安裝了nodejs,否則你連npm都用不了),命令如下: npm install vue-cli -g 2.可以用vue -V來進行查看 vue-cli的版本號。注意這里的V是大寫的。如果vue -V的命令能顯示版本號,說明已經順利的