一、前言 大家好，今天来聊聊vue3中如何使自定义hook及如何对组件进行封装，下面我将基于elememnt-plus组件库，封装一个支持分页和过滤数据的表格组件，主要通过组合式api的方式，对tab

目标是写一个非常详细的关于diff的干货，所以本文有点长。也会用到大量的图片以及代码举例，一起来get吧。 先来了解几个点... 1. 当数据发生变化时，vue是怎么更新节点的？ 要知道渲染真实DOM的开销是很大的，比如有时候我们修改了某个数据，如果直接渲染到真实dom上会引起…

内容UI组件开发框架实用库服务端辅助工具应用实例Demo示例UI组件element★13489-饿了么出品的Vue2的webUI工具套件Vux★8133-基于Vue和WeUI的组件库iview★663

在vue的使用过程中会遇到各种场景，当普通使用时觉得没什么，但是或许优化一下可以更高效更优美的进行开发。下面有一些我在日常开发的时候用到的小技巧，在下将不定期更新~

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元素顺序被改变、或者子元素被删除的特殊情况，提前说明清楚。 那么它的 vnode 也就是虚拟 dom 节点大…

写之前，我觉得如果利用好vue的双向绑定，那么就只需要操纵数组就可以玩2048了。但实际操作过程中遇到坑好多。不过基本功能已经实现，可以玩额。 阻止父元素原生的scroll事件，这关乎小游戏是否稳定，之前思路一直是觉得只要js就能搞定，现在发现，这个应该用css来做，但是ios…

关于生命周期的源码执行首先我们先来看一张官网的图：然后我们来看一下源码里什么时候开始执行各个生命周期的：1.beforeCreate、createdbeforeCreate和created钩子在cor

看过vue官方文档的同学，对这张图应该已然相当熟悉了。 听过太多回答，通过Object.defineProperty，可是再详细的问时，对方浑然不知。 这里我们用不到100行的代码，实现了一个简易的vue响应式。当然，这里如果不考虑期间的过程，我相信，40行代码之内可以搞定。但…

1. 创建一个vue项目 7. 选择测试框架 （Mocha + Chai） 8. 选择将这些配置文件写入到什么地方 (In dedicated config files) 选是的话，下次创建一个vue项目，可以直接使用这个预设文件，而无需再进行配置。 2. 全局组件自动注册 在…