uni web-view与H5本地资源双向通讯（vue版）

1.添加本地H5资源文件（vue打包后的dist）按照uni官方文档设计文件层级

2.uni项目添加web-view标签，并配置地址

3.H5的index.html

   自己的H5放上来注意js、css路径配置 ，有些需要添加./  

 需要引入web-view的js文件,我测试的直接引入线上的有时候有问题，所以直接下载到本地了。

详见：​https://gitcode.net/dcloud/hello-uni-app-x/-/blob/alpha/hybrid/html/uni.webview.1.5.5.js​

4.H5在js加载完毕后向uni中发送信息

   官网：

注：uni.postMessage传递的参数为json类型

5.uni中接受消息

 uni中直接监听@message不生效，这里我用的plus.globalEvent.addEventListener监听，亲测可以

6.uni向H5发送消息，我这里做了个点击事件，调试的时候更清晰

7.H5中接收消息，这里因为是H5，所以可以直接windows监听

以上就是简单的uni web-view与H5本地资源双向通讯（vue版）

不过要注意的是最好加上条件编译

// #ifdef APP-PLUS   

 // #endif

有问题欢迎私聊探讨~