vue3 setup 插件事例

Vue 3的`setup`函数是在组件实例化之前执行的一个函数，它可以用来进行组件的初始化工作。`setup`函数接收两个参数：`props`和`context`。其中，`props`是组件的属性对象，`context`是一个包含了一些实用方法和属性的上下文对象。

下面是一个Vue 3的`setup`函数的示例：

import { ref } from 'vue';

export default {
  setup(props, context) {
    // 定义响应式数据
    const count = ref(0);

    // 定义方法
    function increment() {
      count.value++;
    }

    // 提供给模板使用的数据和方法
    return {
      count,
      increment,
    };
  },
};

在这个示例中，我们使用了Vue 3提供的`ref`函数来定义了一个响应式数据`count`，并且定义了一个方法`increment`来增加`count`的值。最后，我们将`count`和`increment`返回，以便在模板中使用。