• 父子组件:props this.$emit
  • 自定义事件:vue实例上 $emit $on $off
  • vuex

父组件如何调用子组件的方法

  1. <template>
  2. <button @click="method">父组件按钮</button>
  3. <Child ref="child"></Child>
  4. </template>
  5. <script>
  6. ...
  7. methods: {
  8. this.$refs.child.childMethod();
  9. }
  10. </script>
  1. <template>
  2. child
  3. </template>
  4. <script>
  5. ...
  6. methods: {
  7. childMethod() {
  8. console.log('我是子组件的方法');
  9. }
  10. }
  11. </script>