带你充分理解并掌握 vue3 的 setup 用法

在 Vue 3 中，setup 函数是 Composition API 的入口点，它提供了一种新的方式来组织和复用逻辑。setup 函数是在组件的生命周期钩子 created 之前执行的，它允许开发者在组件创建时定义响应式状态、计算属性、方法和生命周期逻辑。

基本用法

setup 函数返回一个对象，该对象的属性和方法可以在组件的模板或其他 Composition API 函数中直接使用。

import {
    ref, computed } from 'vue';

export default {
   
  setup() {
   
    const count = ref(0);

    function increment() {
   
      count.value++;
    }

    const doubleCount = computed(() => count.value * 2);

    return {
   
      count,
      increment,
      doubleCount
    }