关于 ref 和 reactive

来源：12-8 详情页面代码升级

Arafat

2020-05-31

老师您好，我看定义 opacityStyle 的时候，用

const opacityStyle = ref({ opacity: 0 })
// const opacityStyle = reactive({ opacity: 0 })

然后用的时候

opacityStyle.value = { opacity }
// opacityStyle.opacity= { opacity }

也能实现一样的操作，那 ref 跟 reactive
有啥性能或者别的方面的不同之处吗？
就是什么时候应该用 ref ，什么时候用 reactive

我的理解是，简单的数据，比如字符串，数组，还有简单结构的对象
用 ref
如果是相对复杂结构的对象，比如对象里面还有对象
用 reactive

不知道这样理解对不对

写回答

1回答

呀呀呀亚歌

2020-05-31

已采纳

官网文档就是这样写的，如果是复杂的结构建议使用reactive，基本类型是不可以使用reactive的，如果用的话是会报错的，具体的话可以看下文档，不过也提供了对应的API进行转换

https://composition-api.vuejs.org/zh/api.html

Arafat

呀呀呀亚歌

嗯嗯～每次都得取 value 确实挺麻烦的（可能老了越来越懒

2020-06-02

共3条回复

Vue2.5-2.6-3.0开发去哪儿网App 零基础入门到实战

课程紧跟Vue3版本迭代，企业主流版本Vue2+Vue3全掌握

10675 学习 · 8191 问题

相似问题

回答 1

回答 1

回答 1

回答 1

回答 1