vuesignalr的简单介绍

本篇文章给大家谈谈vuesignalr，以及对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。

本文目录一览：

• 1、创建Vue客户端项目步骤
• 2、vue中SignalR全局封装
• 3、vue3和c#怎么交互

创建Vue客户端项目步骤

1、使用npm init vue@latest创建项目，除了不轿渗支持TypeScript和JXT外都选支持

2、修改.eslintrc.cjs，增加windows下换行：

3、修改package.json中运行端口号，防止冲突：

"dev": "vite --port 5149",

4、在vite.config.js中增加配置server：

5、安装其它支隐帆羡持包灶拍

npm install bootstrap

npm install @microsoft/signalr

npm install oidc-client

[img]

vue中SignalR全局封装

是什么我就不多说了，派碰可自行去 官网 查阅

1.安装signalr,无需安装其他如jquery之类的

2.新建一个名为signalR.js的文件

3.在main.js中引入并挂载到全局

4.初始化

我的需求是登陆陪消之后连接服务器，所以我将初始化连接(initSR)的步骤放在了登陆成功获取到token时

但同时我又发现，当界面刷新时，由main.js中全局挂载的signaR会消失，所以需要在App.vue中再初始化一遍

5.使用

我的需求是订阅服务器中getNotification这个主题，当服务器那边任务处理芦羡知完成时，就会给我发送一条消息，我拿到这条消息并根据消息内容进行下面的工作

特别注意 ：当此组件生命周期结束时，记得销毁注册的这个方法，不然会导致重复触发上面这个回调（我尝试了官网中所用的off方法，无效，所以自己手动清空这个数组，有更好的方法麻烦也告知一下）

vue3和c#怎么交互

自己在使用C#搭建的界面是单页应用，所以需要使用vue中的vue-route做局部刷拦闭新，于是尝试element-plus结合route-view完成导航栏的搭建。在使用vue-route过程中自己一直没弄明白route-view是姿察怎么将局部页面映射到对应的视图中，只是在menu中加router-view以及routes路由中有children时也需要加一层view就会正确的展迹衡茄示，后续弄懂原理再回来做补充。

关于vuesignalr和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。