vue于Android做交互的问题

Posted 2023-04-07

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

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

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

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

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

vue3和c#怎么交互

自己在使用C#搭建的界面是单页应用，所以需要使用vue中的vue-route做局部刷新，于是尝试element-plus结合route-view完成导航栏的搭建。在使用vue-route过程中自己一直没弄明白route-view是怎么将局部页面映射到对应的视图中，只是在menu中加router-view以及routes路由中有children时也需要加一层view就会正确的展示，后续弄懂原理再回来做补充。 参考技术A Vue3 和 C# 可以通过以下几种方式实现交互：

1. RESTful API：C# 可以提供 RESTful API 接口，Vue3 可以使用 Axios 等 HTTP 请求库来访问接口，实现数据交互。

2. SignalR：SignalR 是一种实时通信框架，可以让服务器和客户端之间进行实时通信。C# 可以使用 SignalR 来实现服务器端实时通信，Vue3 利用 SignalR 客户端库，将 SignalR 作为 Vue3 与服务器交互的中间件。

3. WebSockets：WebSocket 是一种基于 TCP 协议的全双工通信协议，可以在浏览器和服务器之间建立实时的双向通信。C# 可以使用 WebSocket 技术来实现服务器端通信，Vue3 可以利用 WebSocket 客户端库，将 WebSocket 作为 Vue3 与服务器交互的中间件。

4. gRPC：gRPC 是一种高效、跨语言、跨平台的远程过程调用框架，它提供了基于 Protocol Buffers 的定义服务、生成客户端和服务端代码的功能。C# 可以使用 gRPC 框架来实现服务端，Vue3 可以使用生成的客户端代码来访问服务端，实现数据交互。

以上是比较常见的几种 Vue3 和 C# 交互的方式，具体使用哪种方式取决于具体的需求和场景。 参考技术B vue3和c#交互的方法如下:
vue与后端交互方式主要还是用Ajax方式进行的，但vue本身不支持发送AJAX请求，需要使用vue-resource、axios等插件实现。

二者都比较方便易用，也很容易与vue整合，相对来说，axios用得比较多，发送请求后，后端数据以json的格式返回，再解析到页面元素上。