vue3中ref的使用场景

ref的使用及使用场景
  • 在setup中进行声明响应式的变量,一般声明基本数据类型使用,获取或者赋值的时候使用.value进行获取
 let a = ref(0)
 a.value ++
  • 使用ref获取当前元素的dom
 

111

let p = ref(null) onMounted(()=>{ console.log(p.value)//此时就是当前的dom元素了 })
  • 在v-for中使用,会是一个数组



  • ref也可以在标签上写成函数使用

  • 组件上的ref
    • 注意:如果子组件中使用
      • 子组件使用defineExpose暴露方法
      
      
      

你可能感兴趣的:(vue3中ref的使用场景)