Vue3 中的 watch 只能监视以下四种数据 1，ref 定义的数据。 2，reactive 定义的数据。 3，函数的返回一个值（getter函数）。getter函数其实就是：能返回一个值的函数

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安装依赖，然后把服务跑起来：

项目中经常用到echarts，不做封装直接拿来使用也行，但不可避免要写很多重复的配置代码，封装稍不注意又会过度封装，丢失了扩展性和可读性。始终没有找到一个好的实践，偶然看到一篇文章，给了灵感。找到了一

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了

vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；vite的插件推荐+vite环境基础配置+vite打包项目的常用优化；

前言 本文的目标是讲一下diff算法实现方式，吸收内部优秀的代码设计、设计模式吸收到实际业务中。一起来get吧！ vue 作为业界优秀的开源框架，同时也是业内广泛采用的技术方案，其源码设计非常优秀。学

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

身为一个Vue技术栈的前端人，想必在面试的时候多多少少都会被问到一些框架的底层原理，而在众多的问题中，diff算法就是其中的一个比较高频的考点。 这一节，我们就从源码出发，看一看Vue3的diff算法