v2 用的是结合选项式API 1、结合选项式API 用组件的选项 (data、computed、methods、watch) 组织逻辑在大多数情况下都有效。然而，当我们的组件变得更大时，逻辑关注点的列表也会增长。这可能会导致组件难以阅读和理解，尤其是对于那些一开始就没有编写这些组件的人来说 ...

vue3组合式api 以下内容仅为学习后简单概括自己的理解，不做具体阐述，详细可自行搜索。 1,顾名思义，就是将之前data,computed,methods,onmounted等阐述同一功能的代码组合在一起（组合在setup中），是的组件以及代码更精准的复用 ...

vue3组合式API 为什么要用组合式API，我们来看看它是如何解决vue2的局限性的 1.vue2的局限性 当组件内容越来越多，逻辑越来越复杂，可读性就会降低，并且难以维护。 vue2组件采用配置式API，props,data ...

参考：https://www.vue3js.cn/docs/zh/guide/composition-api-introduction.html（官网） 或 哔哩哔哩上 李南江老师的课 一、组件式API 介绍： 　　1、setup 组件选项在创建组件之前执行，一旦 props 被解析，并充当 ...

总结 获取dom，vue 2中的 ref 在挂载或虚拟 DOM 补丁算法中，如果 VNode 的 ref 键对应于渲染上下文中的 ref，则 VNode 的相应元素或组件实例将被分配给该 ref 的值。（会触发响应吗？） 作为模板使用的 ref 的行为与任何其 ...

原文地址 v3.cn.vuejs.org # 什么是组合式 API？ 如果我们能够将与同一个逻辑关注点相关的代码配置在一起，这样会更好。而这正是组合式 API 使我们能够做到的。 # 组合式 API 基础 # setup 组件选项 新的 setup 组件选项在创建组件之前执行 ...

总结 setup 第一个参数 props 是响应式的 因为 props 是响应式的，你不能使用 ES6 解构，因为它会消除 prop 的响应性。 ...

前言 伴随着新到的vue3，我们编写组件的书写方式也发生了变化。 除了底层的更新，编写方式的改变 或许才是我们最能直观感受到的。 其实就是vue3多了一种名为组合式api(composables api)的写法，相对应的式传统选项式api(options api) 组合式api简单来说就是使用 ...