vue2.0 路由
首先先搭建一個(gè)vue-cli項(xiàng)目
搭建vue命令項(xiàng)目
- 搭建后的項(xiàng)目目錄
項(xiàng)目目錄
下載路由模塊依賴(lài)并引入
-
下載依賴(lài)
下載vue-router 在main.js引入依賴(lài)并注冊(cè)
引入vue-router
創(chuàng)建兩個(gè)新的組件并在app.vue中編寫(xiě)路由跳轉(zhuǎn)
image.png
image.png
創(chuàng)建 router,cinfig.js 文件并進(jìn)行編寫(xiě)
- 創(chuàng)建 router,cinfig.js 文件
創(chuàng)建 router,cinfig.js 文件
- 編寫(xiě)router,cinfig.js 文件
image.png