ref:ref用来将原始数据类型定义为响应式数据,例如
setup(){
const count = ref(0)//0是初始值
const add = ()=>{
count.value++
}
return {count,add}
}
reactive用于将复杂数据定义为响应式数据(例如对象)
const obj = reactive({
name:'1s',
age:10,
brand:{
id:1,
name:'宝马'
}
})
const updateName = ()=>{
obj.name = 'zs'
}
const updateBrandName = ()=>{
obj.brand.name = '奔驰'
}
return {obj,updateName ,updateBrandName }