Vue3第一章（ref和reactive）

ref（常用）

ref可以把一个普通的变量变成一个响应式变量，也可以包裹复杂数据类型对象或者数组，使用的时候需要加.value

const message = ref('满神')
console.log(message.value)

isRef

isRef用来判断一个变量或者对象是不是ref对象

shallowRef

shallowRef和ref是相对的，shallowRef包裹的对象是浅层次的具有响应式的，但是ref包裹的对象是深层次具有响应式的
注意：在一个函数中，不要既改变ref包裹的对象，又改变shallowRef包裹的对象，不然shallowRef包裹的对象会变为深层次具有响应式的

triggerRef、customRef(不常用的)

reactive（常用）

reactive用来包裹对象或者数组，使用的时候不需要加.value

toRef

toRef可以解构出来一个对象的一个属性

const obj = reactive({name:'小满',age:26,like:'jk'})
const like = toRef(obj,'like')

toRefs（常用）

toRefs可以解构出来一个对象的部分属性

const obj = reactive({name:'小满',age:26,like:'jk'})
const {name,age,like} = toRefs(obj)

注意：toRef，toRefs所包裹的对象必须是响应式的，不然解构出来也不是响应式的

toRaw

toRaw可以把响应式对象转换为非响应式对象