vue学习笔记-路由嵌套（19）

vue路由嵌套

实现目标：新增一个用户中心页面；页面左侧为菜单栏，点击菜单右边内容区变化，如下图：

1.新建组件，如下图

2.引用组件 在main.js里面配置好。代码如下：

3.在App.vue加上链接，让用户页面打开默认显示useradd组件的内容，如果是to="/user"打开用户页面时会是空白

4.user组件左侧li添加路由切换，right为内容展示区，代码如下；

运行效果如下：
点击增加用户

点击用户列表