新特性
初始化的方式变了,实例的获取变成了一个工厂函数直接获取,直接挂载,以前需要new 实例 composition api 为vue应用提供更好的逻辑复用和代码组织 setup()
- 函数是所有数据响应和声明的地方,以前是写在data中
- setup中没有beforeCreated,created函数,有onMounted函数
- 当数据量大的时候,不会再watch,cumputed,等之间跳,都在setup中,如果担心里面过于冗长,可以提取出去,再return回来,也可以提到公共文件中给别的代码使用,很好的代码复用和组织,setup中非常清爽
- toRefs 单值响应式,应用界面中的dom元素
Teleport传送门
传送门组件提供一种简洁的方式可以指定里面的父元素
Fragments
vue3组件可以有很多根
emits选项
vue3 组件发送自定义事件需要定义在emits选项中 emits:['事件名'] 好处:
- 更好的指示组件的工作方式
- 原生事件会触发两次
自定义渲染器 custom renderer
自定义以什么样的方式将虚拟的dom变成真实的dom,可以实现跨平台