Vue 3.0 所采用的 Composition Api 与 Vue 2.x使用的Options Api 有什么区别？
Vue 3.0 引入了一种新的 API：Composition API，这是一种新的方式来组织和复用代码。它与 Vue 2.x 中的 Options API 有一些重要的区别：
- 代码组织方式：Options API 是按照选项类型（data、methods、computed、watch等）来组织代码，这在小型项目中很方便，但在大型项目中可能导致单个 Vue 组件的选项变得庞大，难以维护。而 Composition API 是按照逻辑功能来组织代码，可以把相关的逻辑放在一起，使得代码更加模块化和易于理解。
-
代码复用：Options API 主要通过 mixins 和 scoped slots 实现代码复用，但这两种方式都有一些问题，比如命名冲突，来源不明等。而 Composition API 提供了一种更简单和灵活的方式来复用代码，可以通过创建和复用可复用的函数来实现。
-
类型支持：Options API 在 TypeScript 支持方面有一些局限性，而 Composition API 则提供了更好的 TypeScript 支持。
例如，我们可以使用 Composition API 来创建一个计数器：
import { ref } from 'vue';
export default function useCounter() {
const count = ref(0);
function increment() {
count.value++;
}
return {
count,
increment
};
}
在这个例子中，我们创建了一个 useCounter 函数，这个函数返回一个响应式的 count 变量和一个 increment 方法。我们可以在任何组件中复用这个函数。