Vue3.0中ref, reactive 初识

189 阅读1分钟

ref

定义一个响应式数据,接收一个值并返回一个响应式可变的ref对象,ref 对象具有指向内部值的单个 property .value

const count = ref(0)

count.value++;

console.log(count)

如果将对象传给ref,底层默认调用reactive方法将该对象变成高度响应式。

const obj  = ref({name:'小龙'})

// 这里想要拿到小龙,则通过obj.value
console.log(obj.value.name = '小红')

reactive

返回对象的响应式副本,reactive响应式的装换是深层的。它通过ES6的Proxy来实现的。

const obj = reactive({name:'Mr.long'})