vue外部JS文件操作Vue的methods

最近开发遇到了这个情况，产品的功能是通过vue和传统js结合开发，所以一些产品的功能是需要引入外部的js文件才能实现，一些数据也是通过外部的js文件插入dom节点，方式还是使用传统的字符串拼接，类似于这样

let html="";
html+="<div class='btn'>"
html+="<span></span>"
html+="</div>"

但是当引入js文件数据更新，vue的界面数据也要更新，所以需要在js文件中操作vue中的methods。
1.方法也很简单，mounted的时候将methods的方法挂载到window上，使用的时候直接调用就好了。

mounted(){
window.updateData=this.updateData
}，
methods：{
  updateData(data){
    alert('数据更新了')
  }
}

2.在外部js文件中直接调用data

updateData(data)