小编Noa*_*oah的帖子

Vue.js从子组件访问父/根数据

我的main.js文件引用#appel,然后在ready它上面向我的API发送HTTP请求,以根据从中获取的令牌获取用户的数据localStorage.

它在返回响应时设置数据:

this.$http.get('/me', function(data) {
  this.$set('me', data.me);
})
Run Code Online (Sandbox Code Playgroud)

在上述请求返回响应后,data现在看起来像这样:

data = {
  me: {
    email: 'email@email.com',
    name: 'Email Email'
  }
}
Run Code Online (Sandbox Code Playgroud)

然后在main.js我实现的文件中vue-router,我的应用程序然后被引导.它呈现我的侧面导航和其他组件,并在中间有一个<router-view></router-view>主要内容.

Ex(app.html渲染自main.js):

<div is="navigation"></div>
<router-view></router-view>
Run Code Online (Sandbox Code Playgroud)

在我的导航组件中,以及由我们呈现的组件中vue-router,如何访问我想要全局化的数据,例如me在根组件中设置的数据?

我希望能够访问用户的电子邮件等数据并在整个应用程序中命名.

javascript vue.js

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

javascript ×1

vue.js ×1