m0_64130892的博客

虚拟节点vnode的children有两种类型，一种就是vnode数组（可以根据数组来patch递归产生子节点），一种就是string类型（就比如 文本 中，div是vnode，"文本"是children ）在进行更新的时候，children的变化有四种可能，其它三种就比较简单，而vnode[] -> vnode[]，这种情况就比较复杂了，出于性能考虑，我们不能把所有节点移除，然后再挂载，这时候就需要使用DIff算法，来判断哪些节点可以复用，哪些节点需要移除，哪些节点需要添加

vue3源码学习笔记，仓库代码中详细注释笔记

​由于做的内容需要渲染大量数据，用原本的表格渲染会十分卡顿，所以选择使用虚拟化表格，官方文档：Virtualized Table 虚拟化表格 | Element Plus (element-plus.org) 但是由于这个表格还是beta版，所以提供的事件也非常少。我做的项目需要实现表格的单击、双击单元行，来进行操作这一行的数据，但是翻阅文档并没有找到这个事件，那么只能自己实现了。想获取点击/双击的单元行的数据，那么我们可以通过获取这个单元行的索引，进而获取数据。那么怎么获得索引呢？我这边是

​在Vue3中使用 tsx / jsx + 插槽 （element-plus中的tsx写法与插槽）今天在学习使用element-plus的虚拟化表格时，遇到了一个问题，就是需要在表格项中自定义渲染内容（比如渲染一个Tag标签，渲染一个下拉框组件等） 可见官网示例：Virtualized Table 虚拟化表格 | Element Plus (element-plus.org)。在组件标签中有个v-slots属性，给里面传入一个对象，键是插槽名，值是render函数。

直接用字符串的形式即可，不管是多个还是单个，多个会自动放到一个数组里面，而且还能被watch监视。注意需要在挂载后才能拿到这些数据。