什么时候用reactive

来源:4-10 Dropdown 组件点击外部区域自动隐藏

yangdy

2021-02-09

写回答

1回答

张轩

2021-02-10

同学你好 课中有讲 这里我在复述一遍

我们可以把 ref 和  reactive 的区别,用写普通标准的 javascript 来类比。让我们来看这么一段代码。

第一种就像在用 ref,我们声明两个不同的变量,在某个特殊的时刻来更新这两个单独的值。

第二种就像在用 reactive,我们声明一个 object,这个object 有两个key,在特殊时刻更新这个 object 的值。

当然这会遇到一个和 reactive 同样的问题,x 和 y 必须和 对象在一起,才能保持引用,如果把它们desctuct 出来,就发现它丧失了它的响应性。这和我们的刚才 reactive 是相辅相成的。

 

所以,使用 ref 和 reactive 可以选择这样的准则,

第一,就像刚才的原声 javascript 的代码一样,像你平常写普通的 js 代码选择原始类型和对象类型一样来选择是使用 ref 还是 reactive。

第二,所有场景都使用 reactive,但是要记得使用 toRefs 保证 reactive 对象属性保持响应性。

 

官方文档还告诉我们,对于 ref 和 reactive 没有强制的规则和完美的实践经验,推荐上面两种模式,或者是根据你平时编程的认知和习惯来选择对应的方法。


1
1
yangdy
就很nice
2021-02-10
共1条回复

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目,率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程