vue.js--绑定方法到window对象

这周公司的有一个项目需求,需要写一个全局函数给客户端调用,通过客户端传数据渲染到页面;

通过jsBridge方法,H5可以调用客户端(ios,android)的内部方法,同样,客户端也需要能调用H5页面里定义的js方法。

但是在vue里,所有的方法都是在组件内部声明的,也只能在组件内部调用。在网上找到下面的方法。。。

mounted() {
    // 将h5RenderData方法绑定到window下面,提供给外部调用
     window['h5EditorRenderData'] = data => {
        this.h5RenderData(data);
     }
 },
 methods: {
    h5RenderData(data) {
        // 更改渲染页面的数据
    }
 }

该方法是有效的。但遇到一个问题,修改后的数据并未重新渲染到页面,最后通过this.$nextTick成功的渲染了页面。