目录
0、两者的异同
备注 :vscode通过volar插件自动添加.value
一、reactive()
二、ref()
三、toRefs和toRef
文章来源地址https://www.toymoban.com/news/detail-701953.html
0、两者的异同
- reactive不能处理简单类型的数据
- reactive重新分配一个对象会失去响应式。可以使用Object.assign()代替
let car = reactive({name:"宝马",price:120})
function changeCar(){
//失去响应式。
//car = {name:"奔驰",price:"10"} //但是用ref定义的对象可以这么写 car.value = {name:"奔驰",price:"10"}
//reactive用Object.assign()代替
Object.assign(car,{name:"奔驰",price:"10"})
}- ref可以支持任何类型的值（基础类型以及对象），但是必须通过.value访问修改
- ref函数的内部实现依赖于reactive函数
备注 :vscode通过volar插件自动添加.value
一、reactive()
二、ref()
文章来源：https://www.toymoban.com/news/detail-701953.html
三、toRefs和toRef
到了这里，关于vue3：5、组合式API-reactive和ref函数的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
