Как передать данные от ребенка к родителю в VUE

Question

axios.defaults.headers.common['Authorization'] = "Bearer "+localStorage.getItem('token'); 
              axios.get(baseUrl+'/country/fetch/'+id)
              .then((response) => {



                })
                .catch(function (error) {
                console.log(error);
            });

Пожалуйста, помогите мне передать данные от ребенка к родителю.Здесь я получаю данные в ответ.Теперь я хочу передать это родителю Как я могу?

Answer 1

У Vue простой подход к этому.

От родителя к ребенку: используйте реквизит

От ребенка к родителю: используйте события

Это означает, что ваш childComponent должен вызывать в then части:

this.$emit('newData', response)

И ваш родительский компонент должен слушать его с:

Разметка

<childComponent @newData="handleNewData"/>

ComponentCode

methods: {
    handleNewData(data) {
        console.log(data)
    }
}