欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue3中reactive變量重新賦值無法響應(yīng)的3種處理方法

 更新時(shí)間：2023年08月04日 10:43:13   作者：敦厚的曹操  
這篇文章主要給大家介紹了關(guān)于Vue3中reactive變量重新賦值無法響應(yīng)的3種處理方法,在Vue3中可以使用reactive函數(shù)將一個(gè)普通對象轉(zhuǎn)換為響應(yīng)式對象,需要的朋友可以參考下

第一種解決方案：變量值包裹對象，加一個(gè){data:變量值}

1、html

  <div>a=【{{a.data}}】</div>
  <div>-----------------</div>
  <div>【{{ b.data[0] }}】</div>
  <div>【{{ b.data[1] }}】</div>
  <div>【{{ b.data[2] }}】</div>

2、定義reactive變量

    let a=reactive({data:"110"});
    let b=reactive({data:[0,1,2]});

3、重新賦值

      a.data="119";
      b.data=[...[9,8,7]];

第二種解決方案：ref

1、html

  <div>a=【{{a}}】</div>
  <div>-----------------</div>
  <div>【{{ b[0] }}】</div>
  <div>【{{ b[1] }}】</div>
  <div>【{{ b[2] }}】</div>

2、定義ref變量

    let a=ref("110");
    let b=ref([0,1,2]);

3、賦值

      a.value="119";
      b.value=[...[9,8,7]];

第三種方案：push（不推薦）

總結(jié)

到此這篇關(guān)于Vue3中reactive變量重新賦值無法響應(yīng)的3種處理方法的文章就介紹到這了,更多相關(guān)Vue3 reactive變量重新賦值無法響應(yīng)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論