Vue3.0学习笔记（一）

学习视频

中文文档仓库

中文文档

P1

Vue 3性能比Vue 2快的原因：P2和P3节讲的

P2 diff算法

Vue2.0采用的全量比较，这样有一些不会改变的节点（如不绑定数据的）也会跟着去比较，这样效率就不高。Vue3.0将会改动的节点添加标记，这样就只比较有标记的，效率就高了

静态标记的附录：

P3 静态提升和监听缓存

静态提升

注：把不需要参与更新的元素放到外面
静态提升之前：

静态提升之后：

监听缓存

注：开启事件监听之后可以发现那个静态标记没有了，说明不会进行比较
开启事件监听之前：

开启事件监听之后：

P4 项目创建-理解

V3是兼容V2

P5 Vue2.0存在的问题

新增功能的数据写在data那里，业务逻辑写在method或者computed或者watch
数据和业务逻辑分开，不利于管理和维护

额外：event.preventDefault()
如果 type 属性是 “submit”，在事件传播的任意阶段可以调用任意的事件句柄，通过调用该方法，可以阻止提交表单