让C#调用vue组件里的方法

前言：web页面开发时采用的是vue开发的，后台语言是C#

需求：后台需要通过浏览器调用vue组件的方法

　　　　c# 可以调用xxx.html 中的script引用的js中定义的方法是可以调用的，

之前c#调用html中的script中的方法，是因为方法直接挂在全局的

<script>
function globalMethod() {
  console.log('call globalMethod')
}
</script>

而在vue中，因为vue build的时候 把代码混淆了， 导致方法名字变了， c#找不到，所以就无法调用

解决方法：vue实例初始化后，将组件内部方法暴露给window就可以调用了

　　代码如下：

methods: {
    add() {}
},
created() {
    window.add = this.add
}

但还有一个问题，c#是不知道vue当前组件已经挂载，所以需要存在一个循环判断，或者双向的方法钩子

　　这样就完美解决C#调用到vue组件方法的问题了。