上一篇文章我们讲了 `h` 函数到底是什么，以及它的基本用法。这一篇将继续深入，介绍 `h` 函数在实际开发中的几种典型运用场景。

在学习 h 函数后，如果你在某些业务场景厌倦使用 Template 的组件编写方式， 完全可以在 Vue 中像 React 那样，以函数式的编程方式来编写组件（不依赖 JSX 插件）。

深入浅出 Diff 算法，完整源码行行加注释，一层层揭开 Diff 算法的面纱，助你彻底弄懂 Diff 算法原理

Object.defineProperty 和Proxy本质差别是，defineProperty 只能对属性进行劫持，所以出现了需要递归遍历，新增属性需要手动 Observe的问题，有多达13种拦截方

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

通过对Pinia基本功能的使用介绍，以及和Vuex进行对比，让我们能够清晰的认识Pinia，从而在后续的业务场景下帮助我们解决问题。这个🍍不酸，亲测保甜！

在日常开发中，我们经常会需要去封装一些针对DOM操作的重复的逻辑到指令中，学会如何自定义指令可以提高我们的开发效率。接下来会从指令的注册到使用开始介绍，并且会介绍在使用指令的时候的注意事项。

首先，先说一下这几个不同在哪里，那当然是长得不一样啦~~~， 哈哈哈哈哈不开玩笑了，截下来进入正题。 介绍 methods : 挂载在对象上的函数，通常是 Vue 示例本身 或 Vue 组件 comp

ref 属性是 Vue2 和 Vue3 中都有的，但是使用方式却不大一样，这也导致了很多从 Vue2 转到 Vue3 的小伙伴感到有些困惑，在此将Vue3中dom操作常见的几种方式进行一下总结。