关于vue3中setup的使用

Vue 3 中的 setup 是一个新的生命周期函数，它可以用来代替组件中的 data 和一些生命周期函数(如 created 和 beforeMount)。

使用 setup 时，可以通过传入的参数获取组件的上下文信息，并返回一个对象，其中包含组件中需要使用的数据和方法。这样就可以在组件中使用这些数据和方法了。

下面是一个简单的示例：

import { reactive, computed }from 'vue'

export default {
  setup() {
    const count = reactive(0)
    const increment = () => {
      count.value++
    }
    const double = computed(() => count.value * 2)

    return {
      count,
      increment,
      double
    }
  }
}