前端高阶1 - Vue3 + TS - 6-Ref全家桶-绑定数据

6-Ref全家桶-绑定数据

• ref

  • 接受一个内部值并返回一个响应式且可变的 ref 对象
  • ref 对象仅有一个 .value property，指向该内部值
  • 注意：被ref包装之后需要.value 来进行赋值

  • 实例：

    • let message:Ref = ref("我是message")
    • message.value = 'xxxxxx'

• isRef

  • 判断是不是一个ref对象

• shallowRef

  • 创建一个跟踪自身 .value 变化的 ref，但不会使其值也变成响应式的

• triggerRef

  • 强制更新页面DOM，这样也是可以改变值的

• customRef

  • 自定义ref
  • customRef 是个工厂函数要求我们返回一个对象 并且实现 get 和 set