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

vue3中的this.$set寫(xiě)法舉例

 更新時(shí)間：2024年10月28日 14:46:00   作者：Cheng Lucky  
在Vue2中,由于數(shù)據(jù)響應(yīng)式是利用object.definedProperty()實(shí)現(xiàn)的,無(wú)法深層監(jiān)聽(tīng)數(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怎么寫(xiě)呢?

在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)聽(tīng)數(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怎么寫(xiě)呢?的文章就介紹到這了,更多相關(guān)vue3 this.$set內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評(píng)論

江西省| 华容县| 商城县| 甘南县| 黄石市| 永川市| 颍上县| 黑河市| 宁强县| 海口市| 延安市| 钟祥市| 商洛市| 安乡县| 黑龙江省| 田东县| 青龙| 深泽县| 德钦县| 汕头市| 光山县| 肥乡县| 安乡县| 沁源县| 襄樊市| 霞浦县| 富蕴县| 张家界市| 开鲁县| 漳平市| 长葛市| 赞皇县| 微山县| 永年县| 长治县| 云安县| 江永县| 平谷区| 民权县| 云和县| 阳朔县|