to全家桶

toRef将原始对象中的属性转化为响应式的

1
2
3
4
5
6
7
8
9
10
11
12
const obj = {
  foo: 1,
  doo: 2
}

const state = toRef(obj, 'foo')

const change = () => {
  state.value++
  console.log('-----原始对象', obj);
  console.log('-----引用对象', state);
}

toRefs可以帮我们批量创建ref对象主要是方便我们解构使用

1
2
3
4
5
6
7
8
9
10
11
12
const obj = reactive({
  foo: 1,
  doo: 2
})

let { foo, doo } = toRefs(obj)

const change = () => {
  foo.value++
  doo.value++
  console.log('-----响应式对象', obj);
}

toRaw将响应式对象转为普通对象