如何在路由器上下文中向子组件公开组件的数据?

时间:2018-09-26 11:09:44

标签: javascript vue.js vue-component vue-router

我的应用程序基于vue-router example,其中一个包含所有内容的组件App具有两个子组件NewList,具体取决于路线,它们在<router-view></router-view>中呈现。

在安装App时,它会以data的形式获取users结构中可用的一些数据(我在{{1}中将这些数据称为this.users }。现在,我需要AppNew来了解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.jsApp之间传递数据?


List

0 个答案:

没有答案