vue子组件怎么调用父组件的方法

 

在Vue2中组件的props的数据流动改为了只能单向流动，即只能由组件外（调用组件方）通过组件的DOM属性attribute传递props给组件内，组件内只能被动接收组件外传递过来的数据，并且在组件内，不能修改由外层传来的props数据。

可以通过 $emit向父组件触发一个事件

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

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

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

3. 用$emit向父组件触发一个事件，父组件监听这个事件就行了。

4. 直接用this.$parent.xxxx这样直接调用父组件的方法

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

   Child.vue

   this.$emit('refreshList');