VueJS Как передать событие от дочернего компонента к его родительскому компоненту

Question

Как я могу передать событие из дочернего компонента в родительский компонент после отправки / получения из хранилища в vue?

У меня есть эта структура

<parent-component>
     <child-component />
<parent-component>

затем в дочернем -component, у меня есть вычисленное значение, которое возвращает данные из хранилища

computed: {
    getData(){
       return this.$store.getters['albums/user_albums']
// WHEN THIS DATA IS LOADED EMIT TO PARENT
}

затем, также в дочернем компоненте, в смонтированном жизненном цикле:

mounted(){
  this.$store.dispatch("albums/read");
}

Я хочу испустить событие от дочернего к родительскому, чтобы сделать некоторые дополнительные логики c в родительском компоненте.

Как я могу этого добиться?

Answer 1

Я решил это, установив наблюдателя для вычисленного значения

, поэтому в дочернем компоненте:

watch: {
    getData(data) {
        this.$emit("userAlbums", data);
    }
}

, возможно, это может быть полезно для кого-то другого.