美文网首页
Vue3--篇5--ref函数--总结

Vue3--篇5--ref函数--总结

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-04-10 10:40 被阅读0次
  • 作用: 定义一个响应式的数据
  • 语法: const xxx = ref(initValue)
    • 创建一个包含响应式数据的引用对象(reference对象,简称ref对象)
    • JS中操作数据: xxx.value
    • 模板中读取数据: 不需要.value,直接:<div>{{xxx}}</div>
  • 备注:
    • 接收的数据可以是:基本类型、也可以是对象类型。
    • 基本类型的数据:响应式依然是靠Object.defineProperty()getset完成的。
    • 对象类型的数据:内部“ 求助 ” 了Vue3.0中的一个新函数—— reactive函数。

相关文章

网友评论

      本文标题:Vue3--篇5--ref函数--总结

      本文链接:https://www.haomeiwen.com/subject/diccddtx.html