VueJS如何从子组件向其父组件发出事件

Question

在vue中存储派发/获取程序之后，如何从子组件向父组件发出事件？

我有这个结构

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

然后在子组件中，我有一个计算值，该值从商店返回数据

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

然后在已安装的生命周期中的子组件中：

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

我想从子级向父级发出一个事件，以便对父级组件做一些额外的逻辑。

我该如何实现？

Answer 1

我最终通过为计算值设置观察程序来解决它

因此在子组件中：

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

这也许对其他人有用。