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
})