ref全家桶

1、reactive

        想定义一个响应式的数据,可以使用reactive函数

        reactive是一个函数需要从vue中按需引入

        reactive 可以设置复杂数据类型为响应式的数据

ref全家桶_第1张图片

2、toRef

        toRef()作用可以将reactive响应式的对象数据中的某一个属性变成单独的响应数据

        如:将obj响应数据对象中的age变成单独的响应数据(在视图中可以直接使用age)

 ref全家桶_第2张图片

3、toRefs 将响应式对象数据中的每一个属性变成单独的响应式数据ref全家桶_第3张图片 

4、ref 将基本数据类型转换为响应式数据        

ref全家桶_第4张图片

5、isRef() 检查某个值是否为 ref对象

6、shallowRef()​  ref() 的浅层作用形式      

7、triggerRef()强制触发依赖于一个浅层 ref 的副作用,这通常在对浅引用的内部值进行深度变更后使用。

ref全家桶_第5张图片

   

你可能感兴趣的:(vue.js,前端,javascript)