webpack 路由嵌套| 学习笔记

开发者学堂课程【前端自动化构建工具 Webpack：webpack 路由嵌套】学习笔记，与课程紧密联系，让用户快速学习知识。

课程地址：https://developer.aliyun.com/learning/course/587/detail/8235

webpack 路由嵌套

router.js

import VueRouter from‘vue-router’


//导入Account组件

import account from, ' . /main/Account . vue '

//路径问题着重注意

import goodslist from ' . /main/ GoodsList . vue '

注意：router 和 main 和 subcom 平齐，路径一样；

注意：不需要剪切 app，因为 app 在此之前就已经渲染完成；

//导入Account的两个子组件

import login from ’. / subcom/ login. vue '

import register from ‘. /subcom/ register . vue '

// 创建路由对象

var router = new VueRouter ( {

routes: {

//account goodlist

{

path :’/account’,

component:account ,

Children: [

{path:‘login’,component:login } ，

{path:’register’,component:register}

]

} ，

{ path :’goodlist’,component:goodlist }


}


} )


l 把路由对象暴露出去：router 是个独立的模块，如果想要对外暴露 router，必须要借助ES6；

export default router