国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁 - 科技 - 知識(shí)百科 - 正文

vue改變對(duì)象或數(shù)組時(shí)的刷新機(jī)制的方法總結(jié)

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:58:15
文檔

vue改變對(duì)象或數(shù)組時(shí)的刷新機(jī)制的方法總結(jié)

vue改變對(duì)象或數(shù)組時(shí)的刷新機(jī)制的方法總結(jié):Vue數(shù)據(jù)響應(yīng)原理 官方的解釋很清晰: 當(dāng)你把一個(gè)普通的 JavaScript 對(duì)象傳給 Vue 實(shí)例的 data 選項(xiàng),Vue 將遍歷此對(duì)象所有的屬性,并使用 Object.defineProperty 把這些屬性全部轉(zhuǎn)為 getter/setter。Object.defineProperty
推薦度:
導(dǎo)讀vue改變對(duì)象或數(shù)組時(shí)的刷新機(jī)制的方法總結(jié):Vue數(shù)據(jù)響應(yīng)原理 官方的解釋很清晰: 當(dāng)你把一個(gè)普通的 JavaScript 對(duì)象傳給 Vue 實(shí)例的 data 選項(xiàng),Vue 將遍歷此對(duì)象所有的屬性,并使用 Object.defineProperty 把這些屬性全部轉(zhuǎn)為 getter/setter。Object.defineProperty

總結(jié):

1.數(shù)組更改值或者增加刪除值,不會(huì)觸發(fā)更新。
2.對(duì)象更改值可觸發(fā)更新,增加或者刪除屬性不會(huì)觸發(fā)更新。
3.對(duì)象數(shù)組:數(shù)組中的對(duì)象更改值會(huì)觸發(fā)更新。

一、純數(shù)組-------showArr:[true,true]

數(shù)組中元素直接賦值,---不觸發(fā)刷新

this.showArr[0]=!this.showArr[0];

數(shù)組修改后整體賦值,---不觸發(fā)刷新

var parr=this.showArr;
parr[0]=!parr[0];
this.showArr=parr;

數(shù)組重新復(fù)制出一份新的,修改后整體賦值,---可觸發(fā)刷新

var parr=this.showArr.slice(0);
parr[0]=!parr[0];
this.showArr=parr;

用$set賦值,---可觸發(fā)刷新

this.$set(this.showArr,0,!this.showArr[0])

二、純對(duì)象-------showArr:{'showBool':true}

對(duì)象中元素直接賦值,---可觸發(fā)刷新

this.showArr['showBool']=!this.showArr['showBool'];

對(duì)象修改后整體賦值,---可觸發(fā)刷新

var parr=this.showArr;
parr['showBool']=!parr['showBool'];
this.showArr=parr;

用$set賦值,---可觸發(fā)刷新

this.$set(this.showArr,'showBool',!this.showArr['showBool']);

三、 對(duì)象數(shù)組-------showArr:[{'showBool':true},{'showBool':true}]

數(shù)組中元素直接賦值,---可觸發(fā)刷新

this.showArr[0]['showBool']=!this.showArr[0]['showBool'];

數(shù)組修改后整體賦值,---可觸發(fā)刷新

var parr=this.showArr;
parr[0]['showBool']=!parr[0]['showBool'];
this.showArr=parr;

數(shù)組重新復(fù)制出一份新的,修改后整體賦值,---可觸發(fā)刷新

var parr=this.showArr.slice(0);
parr[0]['showBool']=!parr[0]['showBool'];
this.showArr=parr;

用$set賦值,---可觸發(fā)刷新

this.$set(this.showArr[0],'showBool',!this.showArr[0]['showBool']);

聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

vue改變對(duì)象或數(shù)組時(shí)的刷新機(jī)制的方法總結(jié)

vue改變對(duì)象或數(shù)組時(shí)的刷新機(jī)制的方法總結(jié):Vue數(shù)據(jù)響應(yīng)原理 官方的解釋很清晰: 當(dāng)你把一個(gè)普通的 JavaScript 對(duì)象傳給 Vue 實(shí)例的 data 選項(xiàng),Vue 將遍歷此對(duì)象所有的屬性,并使用 Object.defineProperty 把這些屬性全部轉(zhuǎn)為 getter/setter。Object.defineProperty
推薦度:
標(biāo)簽: VUE 刷新 對(duì)象
  • 熱門焦點(diǎn)

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 亚洲免费在线观看 | 精品一区二区在线 | 欧美色图一区二区 | 亚洲va在线va天堂va四虎 | 亚洲自拍偷拍网 | 成人一a毛片免费视频 | 亚洲一区二区三区四 | 精品一区二区在线 | 亚洲国产成人久久综合碰 | 国产国产成人精品久久 | 久久综合中文字幕一区二区 | 亚洲欧洲一区二区 | 国产在线成人一区二区 | 日韩在线视频播放 | 欧美激情综合亚洲一二区 | 久久精品a国产一级 | 亚洲欧美视屏 | 欧美一区精品二区三区 | 久久99精品一久久久久久 | 精品日韩欧美国产一区二区 | 国产日韩欧美亚洲综合首页 | 九九精品成人免费国产片 | 欧美日韩国产高清视频 | 国产精品久久久久久久久久免费 | 国内精品伊人久久久久妇 | 国产精品区一区二区三 | 一区二区视频在线观看 | 久久久久久久久久久9精品视频 | 欧美一区二区二区 | 欧美成人一区二区三区 | 91爱国产| 国产夫妻精品 | 亚洲伊人精品 | 毛片综合| 国产不卡一区二区三区免费视 | 国产一区二区高清 | 国产精品一区二区av | 一级毛片免费看 | 色在线播放 | 欧美一区二区三区香蕉视 | 成人毛片一区二区三区 |