操作响应式变量

前端

梗概

• 操作响应式变量之后，很有可能会引起页面更新（如果一个页面中有引用了该响应式变量的话）
• 操作完之后如果想要访问实际DOM的话，请使用Vue nextTick方法 等待下一个dom周期来等待真实DOM更新

操作响应式引用

child::

操作响应式引用

解构后就能访问

解构：

child::

解构响应式引用

Vue

自动解构时, 直接访问

自动解构响应式引用

组件模板中

child::

组件模板自动解构响应式引用

• 在组件模板使用响应式引用时, 会自动解构其中的值作为响应式引用的值

1. 实例:

{{word}}就等同于组合式api中的word.value

指向原始笔记的链接

传入另一个响应式变量中

child::自动解构响应式变量中的响应式引用

指向原始笔记的链接

在没有自动解构的场景下

需要对响应式引用.value进行解构访问

指向原始笔记的链接

指向原始笔记的链接