1.reactive

import { reactive } from 'vue'
const state= reactive({
            formData:{
                form:''
            }
        })
        return {
            state
        }

<template>内使用数据：formData.from

<script>内使用数据：state.formData.form

2.toRefs

import { reactive, toRefs } from 'vue'
const state1= reactive({
            formData:{
               form:'1'
            }
 })
const state2= reactive({
            formData:{
               form:'2'
            }
  })
        return {
            ...toRefs(state1),
            ...toRefs(state2),
        }

<template>和<script>内使用数据：formData.form，如果导出的两个数据中定义了同名的子数据，则以后导出的优先，此例中form值为2

3.ref

const formData= ref('')//定义了一个字符串

<script>内使用数据：formData.value（注意要加上.value）