1.router-link和router-view在同一个vue文件(A.vue)里面, 2. router-link设置路由跳转,
//
<router-link :to="'/url/'">
<li>
<a>login</a>
</li>
3.,在router/index.js上设置路由
//
{
path: '/url',
name: 'A组件',
component: A,
children: [
{
path: '/url/b',
name: 'B组件',
component: B,
},
{
path: '/url/c',
name: 'C组件',
component: C,
},
]
4.router-view根据路由显示组件
<router-view></router-view>
在同一个页面中,A.vue组件是全局的页面,B.vue组件和C.vue组件是A页面中的一部分