<router-view/>
时间: 2024-02-23 17:53:42 浏览: 77
vue-router
<router-view/>是Vue.js中的一个内置组件,用于渲染嵌套路由的内容。它的作用是根据当前路由的路径,动态地渲染对应的组件内容。
在你提供的引用中,<router-view/>被用作二级路由的出口,用于渲染"/home/user"和"/home/article"两个路由对应的组件内容。
以下是一个简单的示例,演示了如何使用<router-view/>:
```html
<template>
<div>
<router-link to="/home/user">用户</router-link>
<router-link to="/home/article">文章</router-link>
<router-view></router-view>
</div>
</template>
<script>
export default {
name: 'Home',
}
</script>
```
在上面的示例中,<router-link>用于导航到不同的路由,而<router-view>则用于渲染对应路由的组件内容。
阅读全文