成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue 關(guān)于數(shù)組和對(duì)象的更新

番茄西紅柿 / 695人閱讀

摘要：在日常開發(fā)中，我們用的最多的就是綁定數(shù)據(jù)內(nèi)容如果你有的開發(fā)經(jīng)驗(yàn)，假設(shè)你要更新數(shù)據(jù)了但是這在中并不會(huì)起到作用，并沒(méi)有觸發(fā)變化。如果對(duì)您有幫助請(qǐng)動(dòng)動(dòng)鼠標(biāo)右下方給我來(lái)個(gè)贊，您的支持是我最大的動(dòng)力。

在日常開發(fā)中，我們用的最多的就是 綁定數(shù)據(jù)

<div v-for="item in data" :key="item.id">
  
div>

如果你有ng的開發(fā)經(jīng)驗(yàn)，假設(shè) data 你要更新數(shù)據(jù)了

this.data=res.data;

但是這在vue中 并不會(huì)起到作用，DOM并沒(méi)有觸發(fā)變化。

vue不是已經(jīng)實(shí)現(xiàn)的實(shí)時(shí)數(shù)據(jù)雙向綁定，那么model層發(fā)生了變化之后，為什么view層沒(méi)有更新呢？？？

看官網(wǎng) 這里才發(fā)現(xiàn) 深入響應(yīng)式原理  列表渲染

 

數(shù)組檢測(cè)更細(xì)變異的方法

  • push()
  • pop()
  • shift()
  • unshift()
  • splice()
  • sort()
  • reverse()

 

注意事項(xiàng)

由于 JavaScript 的限制，Vue 不能檢測(cè)以下變動(dòng)的數(shù)組：

1.  this.data[index] = res.data;

2.  this.data.length = 0;

 

正確的操作方式

1. Vue.$set(this.data, 1, {name:"huangenai",age:"22"})

2.   vm.items.splice(0)

 

對(duì)象

還是由于 JavaScript 的限制，Vue 不能檢測(cè)對(duì)象屬性的添加或刪除：

 

此隨筆乃本人學(xué)習(xí)工作記錄，如有疑問(wèn)歡迎在下面評(píng)論，轉(zhuǎn)載請(qǐng)標(biāo)明出處。

如果對(duì)您有幫助請(qǐng)動(dòng)動(dòng)鼠標(biāo)右下方給我來(lái)個(gè)贊，您的支持是我最大的動(dòng)力。

 

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/1660.html

相關(guān)文章

  • Vue源碼解析：雙向綁定原理

    摘要：無(wú)論是還是都提倡單向數(shù)據(jù)流管理狀態(tài)，那我們今天要談的雙向綁定是否和單向數(shù)據(jù)流理念有所違背我覺(jué)得不是，從上篇文章語(yǔ)法樹轉(zhuǎn)函數(shù)了解到，雙向綁定，實(shí)質(zhì)是的單向綁定和事件偵聽(tīng)的語(yǔ)法糖。源碼解析今天涉及到的代碼全在文件夾下。 通過(guò)對(duì) Vue2.0 源碼閱讀，想寫一寫自己的理解，能力有限故從尤大佬2016.4.11第一次提交開始讀，準(zhǔn)備陸續(xù)寫： 模版字符串轉(zhuǎn)AST語(yǔ)法樹 AST語(yǔ)法樹轉(zhuǎn)rend...

    oliverhuang 評(píng)論0 收藏0

  • Vue源碼解析：雙向綁定原理

    摘要：無(wú)論是還是都提倡單向數(shù)據(jù)流管理狀態(tài)，那我們今天要談的雙向綁定是否和單向數(shù)據(jù)流理念有所違背我覺(jué)得不是，從上篇文章語(yǔ)法樹轉(zhuǎn)函數(shù)了解到，雙向綁定，實(shí)質(zhì)是的單向綁定和事件偵聽(tīng)的語(yǔ)法糖。源碼解析今天涉及到的代碼全在文件夾下。 通過(guò)對(duì) Vue2.0 源碼閱讀，想寫一寫自己的理解，能力有限故從尤大佬2016.4.11第一次提交開始讀，準(zhǔn)備陸續(xù)寫： 模版字符串轉(zhuǎn)AST語(yǔ)法樹 AST語(yǔ)法樹轉(zhuǎn)rend...

    Kross 評(píng)論0 收藏0

  • 淺析Vue響應(yīng)式原理（二）

    摘要：響應(yīng)式原理之之前簡(jiǎn)單介紹了和類的代碼和作用，現(xiàn)在來(lái)介紹一下類和。對(duì)于數(shù)組，響應(yīng)式的實(shí)現(xiàn)稍有不同。不存在時(shí)，說(shuō)明不是響應(yīng)式數(shù)據(jù)，直接更新。如果對(duì)象是響應(yīng)式的，確保刪除能觸發(fā)更新視圖。 Vue響應(yīng)式原理之Observer 之前簡(jiǎn)單介紹了Dep和Watcher類的代碼和作用，現(xiàn)在來(lái)介紹一下Observer類和set/get。在Vue實(shí)例后再添加響應(yīng)式數(shù)據(jù)時(shí)需要借助Vue.set/vm.$se...

    rockswang 評(píng)論0 收藏0

  • Vue源碼分析之Observer

    摘要：中的觀察者模式觀察者模式一般包含發(fā)布者和訂閱者兩種角色顧名思義發(fā)布者負(fù)責(zé)發(fā)布消息，訂閱者通過(guò)訂閱消息響應(yīng)動(dòng)作了。中主要有兩種類型的，一種是另外一種是是通過(guò)或者中的屬性定義的。結(jié)束好了，基本結(jié)束，如有錯(cuò)漏，望指正。 碎碎念 四月份真是慵懶無(wú)比的一個(gè)月份，看著手頭上沒(méi)啥事干，只好翻翻代碼啥的，看了一會(huì)Vue的源碼，忽而有點(diǎn)感悟，于是便記錄一下。 Vue中的觀察者模式 觀察者模式一般包含發(fā)布...

    CoderBear 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<