记录生活
简单不先于复杂

Vue3.x重点知识总结—基础篇(一)

1. Vue3.0升级了哪些重要的功能?

  • createApp:创建vue实例的⽅式
  • emits属性,组件中的事件要先使⽤emits进⾏声明,然后在setup的形参引⼊
  • ⽣命周期
  • 多事件
  • fragment:不再限制唯⼀根节点
  • 移除.sync
  • 异步组件的写法:Vue2 直接import进来,Vue3需要使⽤defineAsyncComponent包裹⼀层
  • 移除filter
  • 新的组件:Fragment(⽚段)/Teleport(瞬移)/Suspense(不确定)
  • teleport:把组件直接to到某个dom
  • suspense:fallback,就是⼀个具名插槽
  • composition API

2. Vue3.0 生命周期及其与Vue2.x对比

6f77cafaeb7daf5

880e77818a79327

3. setup中如何获取组件实例?

  • setup和其他Composition API中都没有this
  • 在Options API中仍然可以使⽤this
  • Composition API中可以使⽤getCurrentInstance()⽅法获取

4. Vite是什么?

  • 前端打包脚手架⼯具
  • 在开发环境下,使⽤ ESM(ES Model)的加载机制,不打包,启动快
  • ⽣产环境打包使⽤Rollup

5. Vue3插槽使用,具名插槽和匿名插槽使用,及与Vue2区别

Vue3插槽详见文档:https://cn.vuejs.org/guide/components/slots.html

与Vue2区别:https://code.zuifengyun.com/2022/09/2808.html

赞(0)
未经允许不得转载:爱安普 » Vue3.x重点知识总结—基础篇(一)