Vue 3 引入了许多新的 API 和特性,以下是一些主要的新增 API 列表:
组合式 API
setup:组合式 API 的入口函数。
ref:创建一个响应式的引用对象。
reactive:将一个普通对象转换为响应式对象。
computed:用于定义计算属性。
watch 和 watchEffect:用于侦听响应式数据的变化。
toRefs 和 toRef:用于将响应式对象的属性转换为独立的响应式引用。
生命周期钩子
onBeforeMount:组件挂载前触发。
onMounted:组件挂载后触发。
onBeforeUpdate:组件更新前触发。
onUpdated:组件更新后触发。
onBeforeUnmount:组件卸载前触发。
onUnmounted:组件卸载后触发。
其他新增 API
defineComponent:用于定义 Vue 组件。
defineProps 和 defineEmits:在 <script setup> 中用于定义组件的 props 和 emits。
createApp:用于创建 Vue 应用实例。
Teleport:允许将组件的一部分模板渲染到 DOM 树的其他位置。
Suspense:用于异步组件的加载,提升用户体验。
Fragments:允许组件返回多个根节点。
其他特性
<script setup>:单文件组件中使用组合式 API 的语法糖。
v-is:用于动态组件。
v-slot:用于定义具名插槽和作用域插槽。
这些 API 和特性使得 Vue 3 更加灵活、高效,同时也提供了更好的 TypeScript 支持。