因为直接赋值，对于对象和数组而言只是浅拷贝，指向的是同一个内存地址，其中一个改变另一个也会改变。而通过 JSON颠倒转换之后，实现了深拷贝，则可以互不影响。 这样既降低了耦合性，也保证了各自的数据不被污染。 上面是一个通用组件，在某些场景中，右侧的按钮是 “处理” 和 “委托”…

在日常开发的过程中，使用Vue的组件进行业务拆分，代码解耦是一个很好的选择； 今天就来分享一下我在使用Vue3进行组件封装的一些技巧和心得，希望能够帮助到大家；

为什么封装组件，为什么模块化？代码写一起太多了，太复杂，需要进行拆分单独模块。而模块化封装分类有那些？工具类如何实现？重点讲实现消息弹窗Notification组件思路。

经常的，我们在日常工作中，会使用第三方UI组件库，比如：element-ui、vant-ui、iview、ant-design等等。不管是为了业务考虑还是单纯的为了提高效率，我们会把一些经常用到

开发后台管理系统，在业务上接触的最多就是表单（输入）和表格（输出）了。对于使用 Vue 框架进行开发的同学来说，组件库 Element 是肯定会接触的，而其中的 el-table 和 el-form

这是一个基于Vue 3、Echarts、高德地图和Pinia开发的大屏可视化项目，提供了拖拽布局、大屏适配、图表组件(Echarts)封装以及地图组件等功能的封装。 该项目旨在满足大屏项目中常见的需求

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第2篇文章，点击查看活动详情 基于vue3+vite+TS的二次封装组件，话不多说，想进阶高级前端的来！！！

想明白这些问题，以后需要封装组件、框架，或功能的时候，你就不会再有类似的担忧。 如果是还处在前端入门学习阶段，一般不会遇到这样的问题，但是接下来的内容看完以后，对你的学习和练习也会有帮助，也会为你后续

在开发 Vue 项目中我们一般使用第三方 UI 组件库进行开发，但是这些组件库提供的组件并不一定满足我们的需求，这时我们可以通过对组件库的组件进行二次封装。