每天学一点vue3

一个非常好用的查询控件。针对管理后台的查询功能量身定制。基于 vue3 + element-plus。对用户非常友好，节省开发人员的大量时间。还在不断完善中，要不要来关注一下？

element-plus 的 el-dialog 没有提供拖拽功能，有点小遗憾。这里提供一种使用 vue3 的自定义指令的方法，实现拖拽功能的方法。

基于 element-plus 封装的一个动态表单，可以依据json在运行时动态渲染。实现添加、修改的功能。非常灵活好用。

轻量级状态管理的使用方式。 通过局部状态实现列表数据（含查询功能、分页功能）的抽象实现的方式。有源码哦，另类思路保证你没见过。

Vuex 是不是有点繁琐？ Vuex 是针对 Vue2 来设计的，因为 option API 本身有很多缺点，所以 Vuex 只好做各种补丁弥补这些缺点，于是变得比较“复杂”。 现在 Vue3 推出了

写代码实现博客的基础功能。发布博文、博文列表、发布讨论、讨论列表等等功能。还有在线演示哦。还有一个简单的路由。

项目搭建好了之后是不是可以编码了呢？ 等等不要着急，我们是不是应该先设计一下？设计一下博客的功能，以及编码方式。

vite2可以有很多配置，也可以都使用默认配置，这个看项目需要。 vite.config.js 我们先看看 vite.config.js里面的常用配置，其他配置可以看官网：https://cn.vit

使用 vite2+vue3 做一个简单的博客。在实战中不断学习进步。代码开源，有在线演示，不管更新中，适合新手学习vue。

proxy是浅层的，但是reactive却是深层的，那么reactive是怎么实现对嵌套对象的属性的操作进行拦截的呢？

各种UI库的功能都是非常强大的，尤其对于我这种不会 css 的人来说，就更是帮了大忙了。只是嘛，如果再封装一下的话，那么用起来就会更方便了。那么如何封装呢？封装三要素 —— 属性、插槽、事件、方法可以

基础类型的响应性 —— ref在vue3里面，我们可以通过 reactive 来实现引用类型的响应性，那么基础类型的响应性如何来实现呢？可能你会想到这样来实现：这么做确实可以实现，而且也很像 ref

这几天学习Vue的官网，看到 customRef 提供了一个例子，研究半天发现这是一个防抖函数，觉得挺好，于是把这个例子扩展了一下，可以用于表单子控件和查询子控件。 基于 element-plus 封装表单控件，同时也要封装一下表单子控件，还有查询控件。 由于 el-input…

Vue3的 reactive 怎么用，原理是什么，官网上和reactive相关的那些函数又都是做什么用处的？这里会一一解答。 Proxy 是 ES6 提供的一个可以拦截对象基础操作的代理。因为 reactive 采用 Proxy 代理的方式，实现引用类型的响应性，所以我们先看看…

做组件属性的管理小工具的时候，遇到一个小问题，就是json的格式化显示的问题。 一个对象直接用{{}}来显示的话，会输出紧凑型的json，这个嘛明显不好看呀。 我知道网上有很多json格式化的js函数，拿过来用就可以，但是我还是想用组件的递归的方式来实现，就算是练练手吧，以后做…

属性，多乎哉不多也。 原生HTML5提供了一些属性，然后UI库又在此基础上扩展了好多属性，所以与其说学习UI库，倒不如说是学习这些属性都是啥意思。 当然平时在使用的时候还是挺轻松的，设置需要的属性就好，其他的用到的时候再去看就好。 但是感觉哪里不对的样子。 这样是不是更优雅了一…

ref（0）vs reactive({value: 0})放在一起，似乎好像是一样的，但是只能说实现的功能是一样的，而且我们也确实可以这么做，但是vue内部却并不是这么实现。 我们还是用事实来说话。 通过对比就会发现，reactive 是Proxy代理，有Handler和tar…

网上关于watch的介绍有很多，但是一般都是按照官网的套路来介绍，比如监听一个属性，监听多个属性等等。 找了一下没找到，也许这个问题比较基础吧，都不需要介绍的。 然后自己犯傻开始开脑洞，结果浪费时间了不是。 其实想一想，这种麻烦事，vue怎么可能交给别人来处理呢？内部肯定有方法…

先不用管有没有意义，套上再说，于是有了这样的代码。 按照网上介绍，写了这个Proxy的函数，然后满心欢喜的套上了reactive，然后绑定模板设置更新按钮。 结果更新后p反映没有。 不对呀，不是把操作交给reactive了，没有理由不刷新模板呀。 跟了几次终于看明白了，原来se…

表单控件又不可能把所有类型的框架都封装进去，这在以前都是很头痛的问题，如果是需要修改封装好的代码才可以实现的话，那就太郁闷了。 但是现在在Vue里面，至少有两种解决方案，还都挺优雅的。 Vue的组件有插槽这个功能，一开始还没想起来，这的多谢好友“@我滴神”的提醒，才想起来可以用…