![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
![[熊吉]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_101.dec591d.png)
![[嘿哈]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_67.9ceed33.png)
，目前处于优化阶段，于是遇到了一个组件列表的渲染优化问题，如下图。此问题简单来说就是使用v-for渲染的组件列表，无法进行缓存，导致渲染列表（renderedData/pool）内部变动时，尽管其key值和实际参数没有变化（类似于[1,2]变成了[2]，再变成[1,2]，1对应的组件会重新渲染），但组件仍然会注销\创建。在我无法处理的情况下，看了v3官网推荐的虚拟列表源码，结果发现结构是完全一样的（左源码，右自己实现的），仍然没有这类的优化处理
获得徽章 0
- 不懂就问，一个关于vue的性能优化问题
![[熊吉]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_101.dec591d.png)
最近在实现类似于花瓣网的瀑布流虚拟列表![[嘿哈]](//lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_67.9ceed33.png)
，目前处于优化阶段，于是遇到了一个组件列表的渲染优化问题，如下图。此问题简单来说就是使用v-for渲染的组件列表，无法进行缓存，导致渲染列表（renderedData/pool）内部变动时，尽管其key值和实际参数没有变化（类似于[1,2]变成了[2]，再变成[1,2]，1对应的组件会重新渲染），但组件仍然会注销\创建。在我无法处理的情况下，看了v3官网推荐的虚拟列表源码，结果发现结构是完全一样的（左源码，右自己实现的），仍然没有这类的优化处理
我认为的是，如果渲染的组件内部存在一些复杂操作，会导致异常卡顿，尤其是异步的情况下。如果不考虑从渲染的组件内部做优化，有没有办法阻止组件注销和重新创建，类似于keep-alive（当然，这玩意儿不能处理同时多根的情况）展开72 - 3595
element-tiptap 更新至v1.14.0
一款配合 Element UI 的 Vue 的富文本编辑器
有幸被 awesome-vue 和 tiptap 的官方仓库收录，改版了一下 demo 页，还新增了 code sandbox 线上体验哦
过去 5 个版本主要更新内容:
1.新增菜单栏操作按钮：打印、预览、全屏、全选
2.点击链接弹出菜单栏：打开链接、修改链接、取消链接
3.图片可拖拽改变大小
4.编辑器底部新增字数统计
5.重新设计了 menubar 的样式
6.修复若干小问题
Github:
github.com
README 中附带 Demo 页和 code sandbox 链接，欢迎体验
喜欢的同学可以 star 下仓库支持一下我，也欢迎贡献你的想法和代码，提 issue，pr 什么的都行
，有兴趣的可以一起学习讨论一起加油呀～，谢谢啦😆。 展开2752
hiwty.com