vue3中ref部分简介

61 阅读1分钟

@click.stop 阻止冒泡事件的发生

v-memo 性能优化会有缓存

ref vue3中不使用ref的话不是响应式,需要使用ref定义(深层次,使用时.value.他的元素名称才可以)

isref vue3中用来判断对象是否是ref响应式对象

shallowRef  
浅层次的改变,使用时只需.value就行,如果ref与shallowRef写在同一个方法中,shallowRef定义
的深层次的值也会跟着变化(ref与shallowRef是不能写在一起的,否则会影响shallowRef造成视图的更新)

customRef 使用:

Function myRef<T>(value:T){
  return custom((track,tigger)=>{ //固定的两个元素
   return {
      get(){
        track() //收集依赖
        return value
      }
      set (newValue){
        value = newValue
        tigger() //触发依赖
      }
   }
  })
}