合集-vue-插件篇

插件1-图片预览组件v-viewer（vue2）
摘要：介绍 v-viewer 是一个基于 viewer.js 的 Vue 图像查看器组件，用于实现图片的预览、缩放、旋转等功能。 安装 npm install v-viewer@1.6.4 全局引入 在 main.js 文件中全局引入并注册 v-viewer 插件： import VueViewer fr 阅读全文
posted @ 2025-02-11 16:26 相遇就是有缘 阅读(1634) 评论(0) 推荐(0)
vue+.net 利用signalR实现实时推送和显示通知消息
摘要：后端（.net） 创建SignalR Hub 创建类SysNoticeHub.cs public class SysNoticeHub : Hub { } 模拟接口发送在线通知 [Route("api/sysnotice")] [ApiController] public class SysNoti 阅读全文
posted @ 2025-02-13 00:33 相遇就是有缘 阅读(289) 评论(0) 推荐(0)
vue2-常用富文本编辑器使用介绍
摘要：mavon-editor 安装命令 npm install mavon-editor@2.9.1 --save 全局配置 修改main.js文件，添加如下配置 import mavonEditor from 'mavon-editor' import 'mavon-editor/dist/css/i 阅读全文
posted @ 2024-07-21 10:37 相遇就是有缘 阅读(1151) 评论(0) 推荐(0)
vue3+vite+ts 使用自定义svg图标（vite-plugin-svg-icons）
摘要：作用 自动注册svg图标，使svg图标在项目中能够被正确加载和使用。 使用教程 在vue3+vite+ts项目中使用。 安装依赖包 需要安装两个包，一个是vite-plugin-svg-icons，一个是fast-glob，fast-glob 是一个高性能的文件路径匹配库，它可以根据指定的 glob 阅读全文
posted @ 2025-05-07 15:57 相遇就是有缘 阅读(1382) 评论(1) 推荐(1)
vue3+vite+ts 使用iconify图标库
摘要：下载依赖包 npm install unplugin-icons --save-dev npm install unplugin-vue-components --save-dev 如果图标集选择的ep（ElmentPlus），则还需要安装 @iconify-json/ep 包。 npm insta 阅读全文
posted @ 2025-05-09 17:41 相遇就是有缘 阅读(799) 评论(0) 推荐(0)
vue3+vite+ts 配置路径别名映射
摘要：安装依赖包 npm install @types/node --save-dev 配置 vite.config.ts 打开vite.config.ts 文件，添加如下配置： import { defineConfig } from 'vite' import vue from '@vitejs/pl 阅读全文
posted @ 2025-05-07 17:22 相遇就是有缘 阅读(337) 评论(0) 推荐(0)
vue3+vite 实现依赖自动导入（unplugin-auto-import）
摘要：作用 实现依赖的自动导入，不用再频繁导入依赖包，从而提交我们的开发效率。 例如可以避免在每个vue组件中都重复性的去声明ref、reactive等函数。配置之后，组件中需要用到ref、reactive等函数时就可以忽略不写下面语句。 import {ref,reactive} from 'vue' 阅读全文
posted @ 2025-05-12 18:36 相遇就是有缘 阅读(2758) 评论(0) 推荐(0)