vue3笔记

174 阅读1分钟

新特性

初始化的方式变了,实例的获取变成了一个工厂函数直接获取,直接挂载,以前需要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,可以实现跨平台