vue3中的ref函数、reactive函数

ref函数

        作用：定义一个响应式的数据。

        语法： const  aaa = ref(initValue)

                1、创建一个包含响应式数据的引用对象（reference对象，即ref对象）

                2、在js中操作ref对象时： aaa.value = ……

                3、在模板中使用该ref对象就是直接使用：<div>{{aaa}}</div>

        备注：

                1、接收的数据可以是：基本类型、也可以是对象。

                2、基本数据类型：响应式依然是靠Object.defineProperty（）的get，set来完成。

                3、对象类型：内部使用了vue3的新函数-reactive函数（该函数在内部使用了es6的proxy）

reactive函数

        作用：定义一个响应式的对象数据（进本类型不要用它，要用ref）

        语法：const 代理对象 = reactive（源对象），，接收一个对象或数组，返回一个代理对象（peoxy对象）

        reactive定义的响应式数据是深层次的。

        内部基于es6的proxy实现，通过代理对象对源对象内部进行操作，且这种操作可以被vue捕获。