vue3特点

Posted 2021-06-08 fm060

1.节点打Tag,更新页面，直接定位到动态节点会跳过静态的div，节省效率

2.事件开缓存，是否对事件进行缓存，缓存后页面更新就不重新生成监听

3.响应式Proxy，双像绑定原理的调整
--vue2,响应化过程需要遍历data.props等，不支付Set/Map class，数组等类型，新加的属性无法监听,数组响应化需要额外实现，对应的修改语法有限制
--vue3，使用es6的proxy来解决

4.Composition API（）

5.Teleport

6.Fragments，组件不需要只有一个div包括，可以并列在template里面

7.Custom Renderer API ( createRenderer ) 适应weex vue native

8.Tree Shaking 按需加载

9.Suspense,可以实现异步加载组件，整个DOM会事先在内存中进行虚拟的渲染，此时会等待异步的组件渲染，等所有的组件渲染完成之后，才会渲染到界面DOM上去。

10.Better TypeScript Support 更好的支持TypeScript语法

a.props里面设置一下事件属性声明
b.emits使用，写自定义事件 作用 比较清晰知道该组件有那些自定义事件
c.watch 不支付键路径 “a.b”,建议先使用computed:计算属性，watch监听属性（组件更新后执行，flush）
d.原来有的需要通过对象的方式来传属性值，现在新定义了属性，可以直接传