从 Vue 根方法更改组件中的数据

Question

我需要通过 Vue 根中的方法更改组件中的值。

我的结构是这样的：

Root
  PostAnswer
    data:
      valueToChange: 'Blah blah blah'

我的方法工作正常，但我做错了。

我已经阅读了有关使用 $emit 的内容，但我无法在这种情况下使用它。基本上我需要这样的东西：

$root.PostAnswer.data.valueToChange = null;

Answer 1

你绝对应该使用事件。

在根中只发出一个事件，在组件中只捕获它。

例如：在路线中：

window.Event = new Vue();

当您想重置组件中的值时比您发出（仍在根中）：

Event.$emit('reset');

在组件中：

mounted() {
  Event.$on('reset', () => {
    valueToChange = null;
  });
}

Change data in component from Vue root method