App内嵌H5页面数据如何交互？

背景：web和native之间交互，需要一个连接的桥梁

桥梁一：DSBridge

桥梁二：WebViewJavaScriptBridge----简称【JS Bridge】

        具体要用哪个桥梁看项目技术选型，优胜略汰自己可以去对比这两种桥梁的差异，这里我想介绍的是WebViewJavascriptBridge 实现数据交互及在vue项目中的应用；

一、创建bridge.js文件用于封装WebViewJavaScriptBridge （src/config/bridge.js)

bridge.js

注意：这里贴图不贴代码的原因是希望每个初学者能够抽空手敲一遍代码，敲完一遍可能并不能让你记住多少，但是可以帮你更好的理解；

二、main.js 中引入bridge.js文件，并挂载vue原型上，每个vue实例中即可以使用

main.js

三、在需要调用客户端方法的组件中

注意：方法名事先与客户端开发人员约定好

四、客户端需要调用js函数时，事先注册约定好的函数即可

最后，我想说先入门，知道该用什么工具去做什么，怎么做、然后再深入了解工具；