【代码】【vue3】按钮点击涟漪特效 - 指令封装。之前做的angualr项目封装的涟漪特效指令，现在改为vue3写法。（因为迁移过来的，只做了最小的改动供vue3使用）

【代码】【vue3】按钮点击涟漪特效 - 指令封装。之前做的angualr项目封装的涟漪特效指令，现在改为vue3写法。（因为迁移过来的，只做了最小的改动供vue3使用）

本章涉及的composition api：ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRefrefs api中的重点为：ref、toRefs、shallowRef、customRef，其次是 isRef 等。ref接受一个内部值并返回一个响应式且可变的 ref 对象。ref 对象仅有一个 `.value` property，指向

本项目包含以下内容：单项目类型、vue3、vite、pinia、sass、typescript、eslint、prettier、husky、lint-staged、element-plus、阿里图标库（不采用element-plus的图标库）开箱即用，基本上直接开发对面页面代码即可。为了保证没有太多没必要的项目依赖，仅安装了必要的库。目前只提供了基础的项目模板，像 axios 、动态菜单、语言国际

让代码运行在不同国家环境下，都能准确获得指定国家、时区的时间！判断美国是否冬令时、夏令时，能自定义返回时间的格式等其他API。完整时间、完整时间格式调整、年月日　|　日月年　|　月日年、年月日格式自定义：顺序、分隔符、时分秒、年、月、日、小时（24小时制）、分、秒、星期

reactive返回对象的响应式副本响应式转换是“深层”的——它影响所有嵌套 property。在基于 ES2015 Proxy 的实现中，返回的 proxy 是不等于原始对象的。建议只使用响应式 proxy，避免依赖原始对象。只能传入引用类型，否则抛出警告。reactive 将解包所有深层的 refs，同时维持 ref 的响应性。正确的讲应该是：当它通过代理访问时，会被自动解包：<scri

在上面该文章提到了reactive该api的不方便之处和相关重置数据方法的解析。下面提供的方法就是自己封装的`$reactive`方法，通过该方法返回响应式数据和重置数据的方法。聚焦vue3，但不限于vue，任何前端问题，究其本质，值得讨论，研究与学习。QQ交流群：522976012，欢迎来玩。

第三步：使用组件库时获取ts类型提示 >tsconfig.json 文件的 types 添加ts文件路径。编辑器安装 Volar 插件(新名字 Vue - Official)第一步：安装自动导入功能所需的插件。2、引用加载组件类型提示。

自定义、定制鼠标光标指针样式！除了浏览器提供的鼠标样式，我们还可以借助 cursor: url() 的特性，即可实现定制自己的鼠标样式！​cursor 属性为零个或多个值，多个url()的时候它们之间用逗号分隔，最后必填一个cursor的关键字值。每个指向一个图像文件。浏览器将尝试加载指定的第一个图像，如果无法加载则继续加载下一个图像，如果都无法加载图像或未指定图像，则使用关键字值代表的指针类型。

让代码运行在不同国家环境下，都能准确获得指定国家、时区的时间！判断美国是否冬令时、夏令时，能自定义返回时间的格式等其他API。完整时间、完整时间格式调整、年月日　|　日月年　|　月日年、年月日格式自定义：顺序、分隔符、时分秒、年、月、日、小时（24小时制）、分、秒、星期