在vue文件中使用

首先需要引入ref文件
import {ref} from 'vue'

let name =ref('张三')
let age = ref(18) //让这些数据变成响应式 把数据丢给ref生成一个引用对象

修改数据用 name.value='李四'
age.value=20

但是在模板里 也就是html里不需要.value
<h1>{{ name }}</h1>

-----------处理对象类型（就是一个类里多个数据）-------------------
ref把job 变成了名为Proxy的代理对象

let job = ref({
type:'工程师'，
salary:'10k'
})

修改数据用
job.value.type='设计师' //无需value

注：const对象是可以修改里边的属性的 但是不能在其中添加子集属性