ref、toRef、toRefs的区别
ref、toRef、toRefs
·
ref、toRef、toRefs 都可以将某个对象中的属性变成响应式数据
ref的本质是拷贝,修改响应式数据,不会影响到原始数据,视图会更新
toRef、toRefs的本质是引用,修改响应式数据,会影响到原始数据,视图不会更新
toRef 一次仅能设置一个数据,接收两个参数,第一个参数是哪个对象,第二个参数是对象的哪个属性
toRefs接收一个对象作为参数,它会遍历对象身上的所有属性,然后挨个调用toRef执行
const state = reactive({
title: '标题',
name: 'wff'
})
const { title } = toRefs(state)
const name = toRef(state, 'name')
console.log(state.title)
console.log(title.value)
console.log(name.value)
const titleState = ref('new')
const count = ref({
count: 0
})
更多推荐
所有评论(0)