從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; 
    }); 
}