Vue父组件调用子组件的方法并传参的两种方式（用$refs.refName.functionName、window.function）

<template>
  <ul>
    <li> <son ref="son" /> </li><br>
    <li> <button @click="$refs.son.func(true)"> 父组件调用子组件方法1：$refs.refName.function </button> </li><br>
    <li> <button @click="windown_func(true)"> 父组件调用子组件方法2：window.function </button> </li>
  </ul>
</template>
<script>
import son from "./son";
export default {
  components: {
    son,
  },
  methods: {
    windown_func(d) {
      window.func(d);
    },
  },
};
</script>

<template>
  <div class="sg-son">
    <button @click="func()">子组件调用自己的方法</button>
  </div>
</template>
<script>
export default {
  created() {
    window.func = this.func; //声明全局方法（直男模式）
  },
  methods: {
    func(isFather) {
      alert(isFather ? "父组件调用子组件方法" : "子组件调用自己的方法");
    },
  },
};
</script>