vue3

环境搭建

yarn create vite

ref

• ref()
• shallowRef() 对象整体更新，
  强制更新

let msg = shallowRef({})
triggerRef(msg)

• 自定义ref 基本数据类型

function MyRef<T>(value: T) {
  return customRef((track, trigger) => {
    return {
      get() {
        track()
        console.log('get:', value)
        return value
      },
      set(newVal: T) {
        console.log('set', newVal)
        value = newVal
        trigger()
      },
    }
  })
}
let name = MyRef('admin')

ref的更新会带动shallowRef更新

reactive 复杂类型