【问题标题】:How to set/get data from other imported components?如何从其他导入的组件中设置/获取数据?
【发布时间】:2019-09-25 22:57:57
【问题描述】:

刚学Vue,请帮忙,

我可以导入一些组件

import products from './components/products.vue'

如何获取/设置一些数据,例如这些

props: {msg: String},data(){ return {bar: 2019}},

【问题讨论】:

  • 我猜你想要的是mixinvuejs.org/v2/guide/mixins.html
  • @bcjohn,差不多了,现在我只是从混合组件中获取数据,但无法更改混合组件的数据
  • 如果您想跨多个组件获取/设置数据,我认为vuex 适合您。

标签: vue.js vue-component


【解决方案1】:

组件之间的通信主要通过props和events来实现。如果组件关系是父子关系,从你的父组件中,你可以使用 props 向子组件提供数据,并使用事件从子组件接收数据。

如果组件是兄弟,可以通过parent来实现它们的通信。例如,如果 A 是 B & C [使 B & C 兄弟] 的父级,并且您想将一些数据从 B 发送到 C,那么您将从 B 引发一个事件,在 A 中侦听它,更新局部变量并发送那些作为 C 中的道具。

对于更复杂的数据共享场景,您将不得不使用状态管理技术,如 redux 或 vuex。

【讨论】:

    猜你喜欢
    • 2017-09-13
    • 2023-03-26
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多