Vue 子组件触发父组件中的函数

Parent.vue

<template id="">
    <child @refreshList="onRefresList"></child>
</template>
<script>
    export default {
        components: {
            Child
        },
        methods: {
            onRefresList () {}
        },
    };
</script>

Child.vue

this.$emit('refreshList');

涉及到组件之间的通信的问题。组件之间的通信可以分为以下几种：

1. 父子组件传递，父向子传递采用props，子向父采用事件emit

2. 非父子组件的传递，全局Event bus，new一个vue的实例，采用事件的方式通信，再者采用vuex全局状态管理