Vue.js与安卓端&IOS端进行通信交互

Vue.js封装方法供端调用

页面初始化的时候将方法挂载到window对象上
created(){
  window.handleMessageSend = this.handleMessageSend
}

methods:{
  handleMessageSend(data){
  alert(data)
  }
}

二.通过bus组件间通信

main.js
// 接受ios、安卓的发送的消息请求
window.webviewCommonHandle = function (args) {
    Vue.prototype.bus.$emit("handleMessageSend", args);
}

create (){
  this.bus.$on('handleMessageSend',this.handleMessageSend)
}
beforeDestroy() {
    this.bus.$off("handleMessageSend", this.handleMessageSend);
  },
methods:{
handleMessageSend(data){
  alert(data)
}
}

测试

方法一的测试：
控制台输入window.handleMessageSend()

方法二的测试：
控制台输入handleMessageSend()