看一遍你就能学会，解决vue父组件调用子组件只执行一次方法问题

在Vue中，如果你想在父组件中调用子组件的方法，并确保该方法只执行一次，你可以使用mounted生命周期钩子来调用子组件的方法。因为mounted只会在组件挂载后执行一次，这确保了方法只被执行了一次。

以下是一个简单的例子：

<!-- 父组件 -->
<template>
  <div>
    <ChildComponent ref="child"/>
  </div>
</template>
 
<script>
import ChildComponent from './ChildComponent.vue';
 
export default {
  components: {
    ChildComponent
  },
  mounted() {
    this.$refs.child.myMethod();
  }
}
</script>

<!-- 子组件 -->
<template>
  <div>子组件内容</div>
</template>
 
<script>
export default {
  methods: {
    myMethod() {
      console.log('方法只执行一次');
    }
  }
}
</script>

在这个例子中，当父组件挂载（mounted）后，它通过this.$refs.child.myMethod()调用子组件的myMethod方法。由于ref是用来访问组件实例的引用，因此你可以通过this.$refs.child访问子组件实例，并调用其方法。由于mounted只执行一次，myMethod也只会在父组件挂载时被执行一次。