我的应用程序基于vue-router
example,其中一个包含所有内容的组件App具有两个子组件New
和List
,具体取决于路线,它们在<router-view></router-view>
中呈现。
在安装App
时,它会以data
的形式获取users
结构中可用的一些数据(我在{{1}中将这些数据称为this.users
}。现在,我需要App
和New
来了解List
(如果重要,则为只读)。
我的问题是我不知道如何使该对象成为全局对象(因此可以直接用于子组件),或者将其作为users
传递给组件。
router documentation提到了如何做到这一点:
当
props
是一个对象时,它将被设置为组件道具 照原样。当道具静止时很有用。
这应该在将路线定义为
时完成props
现在,在执行useful example之后,以上代码位于{path: '/list', component: List, props: users}
(此问题底部的源代码)文件中,该文件已导入main.js中并成为Vue实例的一部分:>
router.js
数据保存在import router from './router.js'
new Vue({
router,
render: h => h(App)
}).$mount('#app')
中,组件包含在App
中-如何在router.js
和App
之间传递数据?
List