vue3新增API

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 支持。