如何从其他组件进行数据绑定

Question

嗨，我是vue的新手，我想知道如何从一个组件到另一个组件进行数据绑定。

export default {
  name: 'dashboard-sidebar',
  methods: {
    monthChange: function (event) {
      var selectedMonth = $("#sel1").val();
      this.$root.$emit('changed', selectedMonth);

    },
    dashboardReportsChange(value){
      var selectedDashboard = value;
      this.$root.$emit('click', selectedDashboard);

    }
  }
}

我想获取声明的变量的值并将其数据绑定到应用程序中的另一个组件中。

export default {
  components:{
    dashboardsidebar
  },
  mounted() {
    this.$root.$on('changed', (selectedMonth) => {
      console.log(selectedMonth);
    })
    this.$root.$on('click', (selectedDashboard) => {
      console.log(selectedDashboard)
    })

  }
}

这是我的另一个组件。

Answer 1

您不能在组件之间绑定数据。你能做什么；

1. 您可以使用VueX，这也是我的建议。
2. 如果组件具有父子关系，则可以使用props。
3. 或者您可以使用事件或全局EventBus并创建用于访问特定组件中数据的方法。

希望这对您有所帮助。