vue的hook（钩子函数）

1.ref： ref定义响应式的数据

2.reactive定义一个对象类型的响应式数据（基本类型别用它 用ref）

ref函数这个响应式是怎么设计的?

     ref将变量变成了一个对象，将数据存在对象的value属性中 然后通过监听value的改变 劫持value的setter和getter 然后它监听对象时 会将对象的所有属性进行遍历劫持 但是可能需求只需要改变对象中的某一个属性 而对象里面嵌套了很多层 这时候使用ref 就会造成性能的浪费 所以对于引用数据 一般使用reactive函数

 reactive函数这个响应式是怎么设计的?

     基本功能和ref函数一样 但是底层采用的是ES6的Proxy代理技术 所以一般用于“深层次的”数据

3.toref：toref这个函数可以对对象的某一个属性进行单独的响应式设计（调用fm函数后x的值并不会变，y因为通过toref和obj.y关联了，所以y的值会改变）

 4.torefs：torefs这个函数可以对对象多个属性进行响应式设计（将x1和y1和对象进行关联，调用fz函数后，x1和y1都会改变）

 5.readonly 将一个数据设置为只读（设置了readonly 后，该变量将不能被改变，只能做取值操作）

6.watch：监听属性 第一个参数是监听的对象 第二个参数是监听的事件 当监听对象发生改变后 事件被触发

 

7.isRef：isRef 判断数据是否是ref数据