vue于Android做交互的问题

现在很多App里都内置了Web网页，比如说很多电商平台，淘宝、京东、聚划算等等；web不像Android一样，web框架以及插件太多，每一个框架的交互方法多多少少不太一样，而且变化万千，方法千万种，只要你去使，总有一个适合你；

Android通过WebView于js做交互，js需要写入一个方法给Android做调用，那么我们这边写入方法是window.osetList=function() {}，window后面跟着咱们需要给Android传过去的方法名称，但是vue呢？嵌套js方法回调值得时候我们肯定是很麻烦的，下面就开始说明下vue应该如何正确的与Android做交互；

【本篇文档只限于web】

对于前端来说，钩子函数就是指在所有函数执行前，我先执行了的函数，即  钩住 我感兴趣的函数，只要它执行，我就先执行；那么vue的mounted大家肯定知道的，在这发起后端请求，拿回数据，配合路由钩子做一些事情；在mounted里面我们还可以进行dom的操作；

1、配合methods与mounted，首先我们先在methods定义一个方法用于跟Android调用，方法名称一定要与Android商量好！里面传入参数可让Android传入数值，我们这边用于接收；

methods

2、那么我们就要在mounted里面做操作，window后面跟着的这个方法名称，才是咱们真正要给Android能够拿到的方法，所以咱们需要给他赋值；

mounted

3、我们vue只做到这里，后面就是交给Android的人员了，这样我们就可以很准确的将方法传递过去，那么我们怎么获取返回值呢？那么请看；

我这边接收的是字符串，我们先是要定义值，可让我们在别处使用；这要看Android向你传过来的是什么，我这边只是模拟一下；

，在我们定义方法内向函数赋值

4、ok了，这样我们就可以接收到Android给我们传递的数据了，但是我们如果要看这条数据内容，这个在本机肯定是看不到的，需要去Android那边的模拟机看，因为单单的在我们本机上面是没有人调用我们的。本机自测先输死值，后期部署服务器的时候在修改回来，模拟一下；

先从Android那边获取到值，你需要知道他给你传的什么，比如给我传送一个字符串‘123’，然后写入死值，后期将我们上面注释的打开即可；

ok---------------------------------------------------------------------------

微信：a13717840919    【热爱web前端技术的可交流】                {    下篇文档--【vue3】的安装以及使用    }