1. 程式人生 > 實用技巧 >簡單製作個vue例項

簡單製作個vue例項

通過cmd在資料夾中,安裝vue及vue-cli 和webpack
使用命令 vue create myapp 初始化vue專案
cd myapp 進入 myapp資料夾
輸入 npm run serve 執行vue專案
1.建立個router例項在這裡插入圖片描述
2.將router掛載到vue例項中
在這裡插入圖片描述
3.建立路由元件
在這裡插入圖片描述
4.配置路由和元件的對映關係
在這裡插入圖片描述
5.使用路由
在這裡插入圖片描述

在這裡插入圖片描述
在這裡插入圖片描述
在這裡插入圖片描述
感謝codewhy老師的視訊教學,以及祝 b站 越來越棒!!!

老師在B站的視訊連結 2019年最全最新vue、vuejs教程,從入門到精通