vue3的常用 Composition API有哪些？

Vue.js 3.0 引入了 Composition API，作为一种新的组织组件逻辑的方式，相比于传统的 Options API，Composition API 提供了更灵活、更可复用的代码组织方式。

以下是 Vue 3.0 中常用的 Composition API：
setup() 函数：
setup() 函数是 Composition API 的入口，用于组件的设置阶段。在 setup() 中可以访问组件的 props、context 和 attrs。
可以在 setup() 中返回一个对象，对象中的属性和方法将会被暴露到模板中使用。

 响应式函数：
ref()：创建一个响应式的基本数据类型，返回一个包含响应式数据的对象。
reactive()：创建一个响应式的对象，返回一个 Proxy 对象，使得整个对象的属性都是响应式的。
toRefs()：将 reactive 对象转换为普通对象，并保持响应式。

计算属性：
computed()：创建一个计算属性，返回一个响应式的 ref 对象，可以基于其他响应式数据进行计算。

生命周期钩子：
onBeforeMount()：在组件挂载之前调用。
onMounted()：在组件挂载后调用。
onBeforeUpdate()：在组件更新之前调用。
onUpdated()：在组件更新之后调用。
onBeforeUnmount()：在组件卸载之前调用。
onUnmounted()：在组件卸载之后调用。

侦听器：
watch()：监听一个响应式数据的变化。
watchEffect()：响应式地运行一个函数，并在其依赖的响应式数据发生变化时重新运行。

其他辅助函数：
toRefs()：将响应式对象转换为普通对象，并保留响应式。
watch()：监听一个数据变化，并在变化时执行回调。
provide() 和 inject()：用于父子组件之间传递数据和方法。

这些是 Vue 3.0 中常用的 Composition API，通过这些 API，可以更灵活、更清晰地组织和管理组件的逻辑

原文地址：https://blog.csdn.net/qq_34235767/article/details/140307255

免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！