vue版本更迭

vue出现之前是使用jQuery的

jQuery库解决了什么问题?

1. 提高了开发效率,拥有很多dom封装

2. 兼容性处理

jQuery存在的弊端?淘汰的原因?

1. 本质是直接操作dom,会触发大量回流和重绘

2. 没有业务分层

vue1.0版本

1. 无虚拟dom加入

2. dom节点与watch监听是一对一的关系,少量数据更新加载快,性能好

3. 大量数据更新,加载速度会慢下来,性能下降。原因是本质是直接操作dom,会触发大量回流和重绘。

vue2.0版本

1. 虚拟dom加入

虚拟dom的坏处:第一次渲染加载慢

虚拟dom的本质:是js对象

虚拟dom如何生成?根据dom结构生成

如何提高vue的渲染效率?优化diff算法(暂时很久不用考虑)

如何提高虚拟dom的效率?按需渲染,局部更新

vue3.0版本

想要抛弃虚拟dom,但是为了向下兼容vue2.0,依然使用虚拟dom。

1. 响应式优化

2. 插槽优化

posted @ 2021-12-14 14:37  远看山有色  阅读(115)  评论(0)    收藏  举报