背景:web和native之间交互,需要一个连接的桥梁
桥梁一:DSBridge
桥梁二:WebViewJavaScriptBridge----简称【JS Bridge】
具体要用哪个桥梁看项目技术选型,优胜略汰自己可以去对比这两种桥梁的差异,这里我想介绍的是WebViewJavascriptBridge 实现数据交互及在vue项目中的应用;
一、创建bridge.js文件用于封装WebViewJavaScriptBridge (src/config/bridge.js)
注意:这里贴图不贴代码的原因是希望每个初学者能够抽空手敲一遍代码,敲完一遍可能并不能让你记住多少,但是可以帮你更好的理解;
二、main.js 中引入bridge.js文件,并挂载vue原型上,每个vue实例中即可以使用
三、在需要调用客户端方法的组件中
注意:方法名事先与客户端开发人员约定好
四、客户端需要调用js函数时,事先注册约定好的函数即可
最后,我想说先入门,知道该用什么工具去做什么,怎么做、然后再深入了解工具;