Обновлять данные в родительском элементе каждый раз, когда они обновляются в дочернем компоненте - PullRequest
Новая
       1

Обновлять данные в родительском элементе каждый раз, когда они обновляются в дочернем компоненте

0 голосов
/ 31 августа 2018

Хорошо, допустим, у меня есть 2 компонента: vue, Parent.vue и Child.vue.
В Child.vue у меня есть это 

data () {
  return {
    childData
  }
},

В Parent.vue я получаю данные от ребенка, используя это 

data(){
return{
  dataFromChild : child.data().childData,
 }
},

Здесь все хорошо, но у меня есть одна проблема: childData будет обновляться в зависимости от того, что делает пользователь, как мне сделать так, чтобы dataFromChild обновлялся всякий раз, когда childData обновляется? Я бы предпочел не использовать шину событий или vuex, так как это слишком для моего случая.

1 Ответ

0 голосов
/ 31 августа 2018

JavaScript (и, следовательно, Vue.js) управляется событиями. Вы уверены, что использование событий является чрезмерным для вашего случая?

По сути, вы хотите обновить родительские данные при изменении дочерних данных. Это изменение является событием. «Что-то» происходит, поэтому ваш Родитель может на это отреагировать.

Я предполагаю, что вы устанавливаете ссылку на дочерний компонент. Я хотел бы обратить ваше внимание на этот раздел руководства:

$ refs заполняются только после рендеринга компонента и не реагируют.

Я рекомендую вам использовать систему событий Vue.js: https://vuejs.org/v2/guide/components-custom-events.html

...