reactive函数用来定义一个对象类型的响应式数据(基本类型用ref函数)
- let 代理对象 = reactive(源对象) 接收一个对象(或数组),返回一个代理对象(Proxy的实例对象)
- reactive定义的响应式数据是深层次的。
- 内部基于ES6的Proxy实现,通过代理对象操作源对象内部数据进行操作。
//先引入reactive函数 import {reactive} from 'vue' setup(){ let info = reactive({ job:'teacher', salary:'200' }) function changeInfo(){ info.job = 'doctor' info.salary = '300' } return{ info, changeInfo } }