vue路由component
时间: 2023-10-07 15:14:08 浏览: 51
vue路由的component属性是用来指定路由对应的组件。在创建路由时,可以在routes数组中的每个对象中配置component属性,用来指定该路由对应的组件。
例如,在创建一个路由对象的时候,可以这样配置component属性:
```
routes: [
{
path: '/home',
component: Home
},
{
path: '/about',
component: About
}
]
```
在上面的代码中,`component`属性对应的值是一个组件的引用,比如`Home`和`About`,它们是在Vue实例中注册的组件。这样配置后,在访问`/home`路径时,会显示`Home`组件的内容;在访问`/about`路径时,会显示`About`组件的内容。