背景简介 在前端开发中，我们经常会遇到这样的一个需求：hover一个svg图片，svg展现不同状态的样式。 大家常见的写法就是引入两个颜色状态的svg，然后通过v-show控制显影 这样实现不是不可以

Zova 是一款支持 IOC 容器的 Vue3 框架。有了 IOC 容器的加持，定义响应式状态不再需要ref/reactive，也不再需要ref.value

让程序员爽到爆的JSX语法，vue3快速过度TSX，让我们能够像编写JavaScript样书写页面。既有了JavaScript的灵活，又有了响应式数据的便捷。

一、示例效果 封装一个loading效果，通过函数去调用 加载时创建DOM，加载完删除DOM 二、Loading的封装 1. components/Loading/index.vue 2. compo

之前vue移动拖拽库使用的是vue-draggable，但扩展性偏弱。而dnd在这方面有优势，需要做这个功能的小伙伴，个人建议优先选择dnd。不过dnd有学习成本。此文章就是希望能降低vue3 dnd

效果（CV即用） 1.安装引入vue-cropper（官网）官网地址 2. 全局引入 3.组件完整代码 4. 组件使用

🎈对数字进行千分位分隔应该是大部分同学都做过的功能了吧，常规的做法通常是编写一个工具函数来对数据进行转换，那么我们可不可以通过`vue指令`来实现这一功能呢？

nextTick 方法是在 Vue.js 中常见的一种异步更新 DOM 的机制。它的原理是利用 JavaScript 的事件循环机制以及浏览器的渲染流程来实现延迟执行 DOM 更新操作。

本文将手把手实现一个基于Vue的通用的前端通用右键菜单，具有以下特性： 与业务代码完全解耦 支持嵌套元素的右键菜单 菜单项可灵活配置 实现了一个小demo，演示地址：https://contextme