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

如何优雅的基于 element-plus,封装一个梦中情 dialog 优点 摆脱繁琐的 visible 的命名，以及反复的重复 dom。 想法 将 dialog 封装成一个函数就能唤起的组件。如下：

vue2 vs vue3 两个响应式更新的核心区别在于Object.defineProperty 和 Proxy 两个api 问题，经过这两个 api 能解决主要的响应式问题。对于一些情况需要特殊处理

知道大家使用 Vue3 的时候有没有这样的疑惑，“ref、rective 都能创建一个响应式对象，我该如何选择？”，“为什么响应式对象解构之后就失去了响应式？应该如何处理？” 今天咱们就来全面盘点一下

相信很多兄弟都知道 Vue3 的那些新特性，如基于 Proxy 的响应式系统、编译器优化、Composition-API 等等，但你知道 Vue3 中有哪些小细节是和 Vue2 不同的吗？

一. 概述 在Vue2时期，组件里定义的各类变量、方法、计算属性等是分别存放到data、methods、computed等选项里，这样编写的代码不便于后期的查阅，查找一个业务逻辑需要在各个选项来回切换

--- theme: smartblue highlight: a11y-dark --- # 一、 前言 这里要讲vue-router的路由模式，首先要了解的一点就是`路由是由多个URL组成的，使用

根据Vue的官方文档，Vue 2 将于 2023 年 12 月 31 日停止维护，并且最近手里拿到一个使用Vue3开发的项目，因此有必要学习一下Vue3，在这里总结一下学习的内容，便于还为学习Vue3

通过手写实现了一个 Vue3 组件是如何从诞生到渲染到页面上的整个过程，再深入理解 Vue3 全局组件和局部组件的实现原理及插件的实现原理，从而理解 Vue3 组件库的设计和实现原理。