再 setup 中

let str = reactive({ names: '张三', salary: 26000, id: 9 })

      //解构数据

     // let { salary } = str

    // 这种解构赋值会使数据变成不能响应的数据

需要导入

import { toRefs } from 'vue' 

  // 使用toRefs(响应式数据)方式来解构数据，在解构响应式数据时，还保持它的响应式特征。

    let { salary } = toRefs(str)

    // 注意使用toRefs()后，结构出来的数据需要通过 .value 来操作

    let add = () => {

      console.log(salary.value)

      salary.value *= 2

      console.log(salary.value)

    }