vue3 初始化变量的时候有几种方法

在 Vue 3 中，初始化变量的方式有以下几种：

1. 使用 `reactive` 函数创建响应式对象：

   import { reactive } from 'vue'
   
   const state = reactive({
     count: 0,
     message: 'Hello Vue 3!'
   })

2. 使用 `ref` 函数创建基本类型的响应式数据：

   import { ref } from 'vue'
   
   const count = ref(0)
   const message = ref('Hello Vue 3!')

3. 使用 `computed` 函数创建计算属性：

   import { computed } from 'vue'
   
   const fullName = computed(() => state.firstName + ' ' + state.lastName)

4. 在组件的 `setup` 函数中使用 `data` 函数创建响应式数据：

   import { defineComponent, reactive } from 'vue'
   
   export default defineComponent({
     setup() {
       const state = reactive({
         count: 0,
         message: 'Hello Vue 3!'
       })
   
       return {
         state
       }
     }
   })

需要注意的是，在 Vue 3 中，组件的 `data` 选项已经被废除，取而代之的是使用 `setup` 函数来初始化组件的状态。