VUE与APP本地方法进行互调

1. vue调本地方法

// app方法
@JavascriptInterface
public void sayHello(String name){
    Log.e("aTag",name + "say hello");
}

// vue文件内的方法 
<script>
export default {
  methods: {
    callAppMethod() {
      window.xxx.sayHello("xiao ming"); // xxx为app注册到javaScript里的名称
    }
  }
};
</script>

2. 本地调vue方法

// vue文件内的方法 
<script>
export default {
  mounted() { // 重点：需使用mounted挂载要被回调的方法
    window.callBackFromApp = this.callBackFromApp;
  },
  methods: {
    callBackFromApp(str) {
      alert(str)
    }
  }
};
</script>

// app方法
public void callback(){
    mWebView.loadUrl("javascript:callBackFromApp('" + app返回给vue的数据 + "')");
    // 备注：一般来讲callBackFromApp由前端进行传入，app写死不佳
    // mWebView.loadUrl("javascript:" + method + "('" + obj + "')");
}