1、(假设手脚架已经搭好)cmd创建 vue 项目:
c:\> vue create vue_test
回车默认
2、安装 vue-router
npm i vue-router
3、新建route文件夹,里面建 index.js
index 中
import Vue from 'vue'
import Router from 'vue-router'
Vue.use(Router)
const router = new Router({
routes: [{
path: '/',
component: () =>import ("../pages/main.vue"),
children:[{ // 子路由
path:'child',
name:'child',
component:()->import("../xxx/xxx/child.vue")
}]
}
]
})
export default router
main.js 中注册并引入
import router from "./routes/index"
new Vue({
router,
render: h => h(App),
}).$mount('#app')