国产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
主站蜘蛛池模板: 国产日韩欧美在线观看不卡 | 国产精品亚洲专区在线观看 | 一级毛片在线全部免费播放 | 日韩精品网址 | 亚洲一区二区三区视频 | 亚洲一区二区视频在线观看 | 国产国语一级毛片中文 | 日韩精品在线视频观看 | www.久久.com| 91在线精品亚洲一区二区 | 精品一成人岛国片在线观看 | 亚洲一区日韩 | 日韩欧美不卡一区二区三区 | 一级成人毛片免费观看 | 国产精在线 | 欧洲色图亚洲色图 | 国产在线观看入口 | 国产精品亚洲一区二区三区 | 亚洲一区二区在线免费观看 | 可以免费看的毛片 | 国产精品欧美一区二区三区 | 亚洲欧美日韩高清中文在线 | 91频道 | 一区 在线播放 | 久久久性| 午夜国产在线 | 久久久久久久久久久9精品视频 | 亚洲精品福利 | 久久www免费人成精品香蕉 | 国产不卡精品一区二区三区 | 97日日碰人人模人人澡 | 欧美精品v国产精品v日韩精品 | 日韩第3页| 国产成人精品一区二区免费 | 精品一区 二区三区免费毛片 | 亚洲国产精品电影 | 亚洲欧美中文日韩在线v日本 | 国产成人精品三区 | 国产资源视频在线观看 | 亚洲欧美国产高清va在线播放 | 国产在线精品一区二区夜色 |