vue怎么调用外部函数

// vue组件实例
export default {
  methods: {
    callExternalFunction() {
      window.externalFunction();
    },
  },
};

// 父组件
export default {
  template: `
    <child-component :call-external-function="callExternalFunction" />
  `,
  methods: {
    callExternalFunction() {
      // 调用外部函数的逻辑
    },
  },
};

// 子组件
export default {
  template: `
    <button @click="callExternalFunction">调用外部函数</button>
  `,
  props: ['callExternalFunction'],
  methods: {
    callExternalFunction() {
      this.$props.callExternalFunction();
    },
  },
};

// 父组件
export default {
  template: `
    <child-component ref="child" />
    <button @click="callExternalFunctionFromChild()">从子组件调用外部函数</button>
  `,
  methods: {
    callExternalFunctionFromChild() {
      this.$refs.child.callExternalFunction();
    },
  },
};

// 子组件
export default {
  template: `
    <button @click="callExternalFunction">调用外部函数</button>
  `,
  methods: {
    callExternalFunction() {
      // 调用外部函数的逻辑
    },
  },
};