vue3

　　ref函数：定义一个响应式的数据

　　  语法：const userDefinedName = ref(initValue)

　　　　1.创建一个包含响应式数据的引用对象(reference对象，简称ref对象) 

　　　　2.js中操作数据：xxx.value

　　　　3.在模版中读取数据时，不需要.value，直接使用：<div>{{xxx}}</div>

　　　注：1.接受的数据：基本类型，对象类型

　　　　　2.基本类型数据：响应式依然使用Object.defindProperty()中的get与set完成。

　　　　　3.对象类型数据：内部“求助”vue3中的reactive函数

 

　　reactive函数：定义一个对象类型的响应式数据(基本类型使用ref函数)

　　　语法：const 代理对象 = reactive(被代理对象)接收一个对象(或数组)，返回一个代对象(Proxy的实例对象，简称Proxy对象)

　　   reactiv定义的响应式数据是“深层次”的

　　  内部基于ES6的Proxy实现，通过代理对象操作源对象内部数据都是响应式的