在外部js文件中直接调用vue文件中自定义的方法

1. 在vue文件引入API

import {getCurrentInstance, onMounted} from 'vue'

onMounted()用于挂载数据，getCurrentInstance()用于获取实例后再使用。

2. 定义setup()方法

  setup(props,ctx) {
    //将vue中方法设为window方法,外部js可直接调用
    onMounted(() => {
      window.layerAdd = instance.proxy.layerAdd
    })
    const instance = getCurrentInstance()
  },

 

setup函数是处于生命周期函数 beforeCreate 和 Created 两个钩子函数之间的函数。通过如上代码，可将vue中自定义的方法设置为window方法，外部Js可直接调用

3. 在外部js调用