1、router-view 和 router-link 的区别
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页面中的一部分
本文介绍了Vue.js中的router-link和router-view组件的使用方法。router-link用于定义导航链接,而router-view则负责根据当前的路由配置展示对应的组件。通过示例展示了如何在A.vue组件中设置路由跳转到B.vue和C.vue组件。


1619

被折叠的 条评论
为什么被折叠?



