Vue3 入门(ref)

发布时间 2023-04-21 08:34:44作者: 朱在春

Vue3 入门(ref)

let name = ref('jack')
  • 首先我们得明白,ref函数返回的是一个RefImpl对象的实例,所以此时name的值是一个复杂数据类型Object,它里面有个value属性,就是它的值,而其它的属性皆是下划线开头的,我们不关注,因为这类属性一般不是给我们开发用的
  • Vue3中,想要实现响应式,就得借助refreactive,这是人家底层实现响应式之后给你抛出的的一套语法
  • RefImpl的全称是Reference Implement,即引用实现。

js代码中,若想实现那种响应式的值的改变,那么就得去改变该对象里面value的值,不能直接给name赋一个其它值,因为Vue3中的响应式得借助RefImpl对象来实现

template模板中是不需要.value的,因为Vue3在解析模板的时候,当发现它是RefImpl对象时,会自动去取它的value属性并展示出来