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.原来有的需要通过对象的方式来传属性值,现在新定义了属性,可以直接传
原文:https://www.cnblogs.com/fm060/p/14861096.html