最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue3中的this.$set寫法舉例

 更新時(shí)間：2024年10月28日 14:46:00   作者：Cheng Lucky  
在Vue2中,由于數(shù)據(jù)響應(yīng)式是利用object.definedProperty()實(shí)現(xiàn)的,無(wú)法深層監(jiān)聽數(shù)據(jù)變化,因此提供了$set方法來(lái)解決數(shù)據(jù)變化視圖未實(shí)時(shí)更新的問(wèn)題,然而,在Vue3中,數(shù)據(jù)響應(yīng)式使用ES6的proxy進(jìn)行數(shù)據(jù)代理,因此廢棄了$set的概念

vue3中的this.$set怎么寫呢?

在vue2中我們常常會(huì)遇到明明已經(jīng)改變了數(shù)據(jù)視圖卻沒(méi)有實(shí)時(shí)更新這樣的問(wèn)題

舉例

<el-input v-model="input.text" placeholder="請(qǐng)輸入內(nèi)容"></el-input>
data() {
	return{
		input:{
			text:'1'
		}
	}
}
mounted () {
  this.input.text = '2';  // 視圖層并沒(méi)有改變
}

這時(shí)vue2就提供了一個(gè)方法就是$set

this.$set(this.input, 'text', '3');

原因就是 Vue2 中的數(shù)據(jù)響應(yīng)式是利用 object.definedProperty()實(shí)現(xiàn)的，它是無(wú)法深層監(jiān)聽數(shù)據(jù)的變化的。

而Vue3，用的是ES6的proxy，對(duì)數(shù)據(jù)響應(yīng)式進(jìn)行一個(gè)數(shù)據(jù)的代理。這個(gè)就厲害了啊，結(jié)合Vue3的 composition API。

- Vue3 中的 reactivity API：

  • reactive
  • readonly
  • ref
  • computed

- 如果想要讓一個(gè)對(duì)象變?yōu)轫憫?yīng)式數(shù)據(jù)，可以使用reactive或ref

setup() {
  const state =  reactive({
	input:{
		text:"1"
	}
  });
  return {
    state // 導(dǎo)出響應(yīng)式數(shù)組
  }
},
mounted() {
  console.log(state); // 是一個(gè)proxy
  state.input.text = '2'; // 視圖更新
}

Vue3中廢棄了$set的概念

到此這篇關(guān)于vue3中的this.$set怎么寫呢?的文章就介紹到這了,更多相關(guān)vue3 this.$set內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論

吉首市| 宝清县| 仁怀市| 邢台市| 土默特左旗| 策勒县| 上虞市| 和顺县| 景泰县| 安顺市| 昌图县| 兴海县| 玉屏| 南投县| 望城县| 永嘉县| 苗栗县| 新余市| 九台市| 库车县| 闵行区| 嘉鱼县| 轮台县| 福建省| 新竹县| 辽阳县| 开封县| 恭城| 石门县| 长垣县| 银川市| 凤城市| 葫芦岛市| 米易县| 秦安县| 高雄市| 太仓市| 上高县| 宝应县| 湄潭县| 大埔县|