《vue3小白填坑記》ref和reactive數據定義賦值後,再怎麼修改?

先上錯誤代碼

const a = ref('add');
const b = reactive({})

const getData=()=>{
//修改a的字符串   
a = 'edit';
//修改b的對象值
b = {
      name:'小明',
      age:12
    }
}

報錯鳥,啥意思?const 定義的變量後續不能修改。

難不成改成let定義?

看正確代碼

const a = ref('add');
const b = reactive({data:{}})

const getData=()=>{
//修改a的字符串   
a.value = 'edit';
//修改b的對象值
b.data = {
      name:'小明',
      age:12
    }
}

ref包裝了一個"RefImpl"類,定義後,可以修改裏面value屬性

reactive包裝了一個代理proxy 可以裏面定義的屬性

所以要經常來看看飛哥的填坑記,以後編程不踩坑

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章