Options API:和compositionAPI分别是什么，有什么区别哇

Options API 和 Composition API 是 Vue.js 中用于编写组件的两种不同的方式。

Options API:

Options API 是 Vue.js 2.x 中默认使用的组件编写方式。它基于对象，将组件的选项分离到不同的部分，如 data、methods、computed、watch 等。每个选项都是一个对象，用来定义组件的数据、方法、计算属性、监听器等。

export default {
  data() {
    return {
      message: 'Hello Vue!'
    };
  },
  methods: {
    greet() {
      alert(this.message);
    }
  }
}

Composition API:

Composition API 是 Vue.js 3.x 中引入的新特性，它提供了一种基于函数的组件编写方式。Composition API 允许将组件的逻辑按照功能或相关性进行组织，而不是按照选项进行划分。通过使用 setup 函数，可以将组件的逻辑封装到一个函数中，并通过引用其他函数或逻辑来组织代码。

import { reactive, computed } from 'vue';

export default {
  setup() {
    const state = reactive({
      message: 'Hello Vue!'
    });

    const greet = () => {
      alert(state.message);
    };

    return {
      state,