子组件调用父组件的方法

methods: {
    addComment (comment) {
      // unshift向数组的开始位置插入元素
      this.comments.unshift(comment)
    }
}

<!--父组件向子组件传Function类型的参数-->
<add :addComment="addComment"></add>

<script>
export default {
  // 通过属性名或者属性名和属性类型的方式都可以接收Function类型的传参
  // props: [‘addComment‘],
  props: {
    addComment: Function
  },
  data () {
    return {
      name: null,
      content: null
    }
  },
  methods: {
    addFunc () {
      // 在子组件中调用父组件的Function类型的传参
      this.addComment({name: this.name, content: this.content})
    }
  }
}
</script>

methods: {
    addComment (comment) {
      // unshift向数组的开始位置插入元素
      this.comments.unshift(comment)
    }
}

<!--在父组件中给子组件绑定父组件的方法-->
<add @addComment="addComment"></add>

methods: {
    addFunc () {
      // 在子组件中调用父组件的为子组件绑定的方法
      this.$emit(‘addComment‘, {name: this.name, content: this.content})
    }
}