vue專案路由搭建

2021-10-03 10:12:07 字數 675 閱讀 8834

找到專案中src->router,並在其下建立乙個index.js檔案

之後引入檔案和編寫路由

import vue from

'vue'

import router from

'vue-router'

export

const constantroutes =

},,,

,,}]

},, children:[}

,}]}

]export

default router

如果路由太長可以將其分寫,在router下建立乙個modules資料夾

在其建立你所需要的js路由檔案

import layout from

'@/layout'

const alarmmanagerouter =

, children:[}

,},}

]}export

default alarmmanagerouter

最後別忘了在index.js檔案中引入alarmmanageroute

vue的專案搭建和路由測試

1 安裝node.js node.js安裝教程 新版的nodejs已經整合了npm,所以npm會隨著nodejs一併安裝完成.開啟cmd命令列視窗輸入以下兩個命令,測試是否安裝成功.node vnpm v如果出現如下的版本提示則證明安裝成功,即可進行下一步操作.2 安裝阿里npm映象 執行如下命令 ...

vue學習日記 vue路由搭建

vue路由搭建參考了iview admin的路由搭建風格。在router資料夾下新建router.js檔案,如下 import login from components login import main from components main 不作為main元件的子頁面展示的頁面單獨寫,如下 ...

vue專案搭建

前提安裝好node不再贅述 可以在自帶的命令列中執行,也可以在webstome中執行 安裝cnpm npm install g cnpm registry 安裝webpack 這一步可以省略,反正你也不會用 cnpm install webpack g 全域性安裝 vuecnpm install g...