在Vue.js中,可以通过路由传递道具给渲染的组件。下面是一种常见的方法:
props
属性将道具传递给路由渲染的组件。例如:const routes = [
{
path: '/example',
component: ExampleComponent,
props: { prop1: 'value1', prop2: 'value2' }
}
]
props
选项接收传递的道具。例如:const ExampleComponent = {
props: ['prop1', 'prop2'],
template: '<div>{{ prop1 }} - {{ prop2 }}</div>'
}
在上面的例子中,ExampleComponent
组件接收了prop1
和prop2
两个道具,并在模板中进行了展示。
这样,当访问/example
路径时,Vue.js会渲染ExampleComponent
组件,并将prop1
和prop2
作为道具传递给组件进行渲染。
对于Vue Router的更多详细信息,你可以参考腾讯云的相关文档:Vue Router
领取专属 10元无门槛券
手把手带您无忧上云