Vue學(xué)習筆記(五):如何觸發(fā)組件更新

vue:數(shù)據(jù)驅(qū)動的視圖框架


數(shù)據(jù)包含:1、父元素的屬性 2、組件自身的狀態(tài) 3、狀態(tài)管理器,vuex、Vue.Observable


哪些數(shù)據(jù)做依賴收集,哪些不需要。

Vue實例化的時候,會對Data做一些getter和setter轉(zhuǎn)化(對數(shù)據(jù)做了中間的代理層,取和設(shè)置都會經(jīng)過代理層,可以在代理層做任何事情)

組件渲染時(也是render),需要去獲取data,用到了就放到watch里面。



1、name不在data里,不會做響應(yīng)式更新

2、info未定義具體的number屬性,雖然在data里面,數(shù)據(jù)發(fā)生了變化,但引用類型的地址未發(fā)生變化,所以也不會觸發(fā)組件更新。

3、模板中并未使用b,所以也不會觸發(fā)組件的更新

4、this.$forceUpdate():強制更新的意思 不管數(shù)據(jù)是否變化

問題:數(shù)組push操作,數(shù)據(jù)里面的內(nèi)容改變,引用沒變。vue如何判斷做了操作?


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • vue概述 在官方文檔中,有一句話對Vue的定位說的很明確:Vue.js 的核心是一個允許采用簡潔的模板語法來聲明...
    li4065閱讀 7,624評論 0 25
  • VUE介紹 Vue的特點構(gòu)建用戶界面,只關(guān)注View層簡單易學(xué),簡潔、輕量、快速漸進式框架 框架VS庫庫,是一封裝...
    多多醬_DuoDuo_閱讀 2,855評論 1 17
  • 前言 使用Vue在日常開發(fā)中會頻繁接觸和使用生命周期,在官方文檔中是這么解釋生命周期的: 每個 Vue 實例在被創(chuàng)...
    心_c2a2閱讀 2,390評論 1 8
  • 組件(Component)是Vue.js最核心的功能,也是整個架構(gòu)設(shè)計最精彩的地方,當然也是最難掌握的。...
    六個周閱讀 5,773評論 0 32
  • 月下獨酌,晚風抖擻。 風也溫柔,雨也憂愁。
    李洛卿閱讀 363評論 2 4

友情鏈接更多精彩內(nèi)容