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对比

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

本文固定连接：https://code.zuifengyun.com/2022/09/2677.html，转载须征得作者授权。