vue檢測(cè)對(duì)象和數(shù)組的變化分析
更新時(shí)間：2018年06月30日 09:52:11 作者：zywpurple
這篇文章給大家分享了vue檢測(cè)對(duì)象和數(shù)組的變化的相關(guān)知識(shí)點(diǎn)與實(shí)例代碼，有興趣的朋友參考下。
在 JavaScript 中對(duì)象和數(shù)組是引用類型，指向同一個(gè)內(nèi)存空間，如果 prop 是一個(gè)對(duì)象或數(shù)組，在子組件內(nèi)部改變它會(huì)影響父組件的狀態(tài)。可以直接在子組件修改對(duì)象或數(shù)組，但是并不會(huì)數(shù)據(jù)改變就會(huì)引起變化。
檢測(cè)對(duì)象變化
1、不能檢測(cè)到對(duì)象屬性的添加或刪除
var vm = new Vue({
data:{
data111:{
a = 1
}
}
})
data111.a = 2;//這個(gè)可以引起變化
但data111.b = 2；和vm.b = 2這個(gè)不能檢測(cè)到變化
需要用
Vue.set(object, key, value)
比如$set(data111, b, 2);
或者：
$set(key,value)
比如vm.$set(‘b', 2)；
檢測(cè)數(shù)組變化
下面兩種情況不能檢測(cè)到變化：
1、直接通過(guò)索引設(shè)置元素，如arr[0]=12;
2、直接修改數(shù)組的長(zhǎng)度，如vm.arr.length
Vue.set( object, key, value )
用法：
this.$set(this.arr,0,12)
相關(guān)文章
ElementUI的this.$notify.close()調(diào)用不起作用的解決
本文主要介紹了ElementUI的this.$notify.close()調(diào)用不起作用的解決，文中通過(guò)示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
本文主要介紹了vue-element-admin下載到登錄的一些坑，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-04-04
這篇文章主要介紹了關(guān)于vue-cli3打包代碼后白屏的解決方案，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-09-09
這篇文章主要介紹了vue多頁(yè)面配置，單頁(yè)應(yīng)用這個(gè)概念，是隨著前幾年 AngularJS、React、Ember 等這些框架的出現(xiàn)而出現(xiàn)的。在前面的前言內(nèi)容里，我們?cè)陧?yè)面渲染中講了頁(yè)面的局部刷新,而單頁(yè)應(yīng)用則是使用了頁(yè)面的局部刷新的能力,下面來(lái)看看詳細(xì)內(nèi)容,需要的朋友可以參考一下2021-11-11
這篇文章主要介紹了vue element和nuxt的使用技巧分享，幫助大家更好的理解和使用vue框架，感興趣的朋友可以了解下2021-01-01
這篇文章主要介紹了Vue狀態(tài)管理。下面文章主要圍繞著使用Pinia代替Vuex的相關(guān)資料展開具體內(nèi)容,需要的朋友可以參考一下，希望對(duì)你有所幫助2021-11-11
vue-cli中devServer.proxy相關(guān)配置項(xiàng)的使用
這篇文章主要介紹了vue-cli中devServer.proxy相關(guān)配置項(xiàng)的使用詳解，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
vue3動(dòng)態(tài)加載對(duì)話框的方法實(shí)例
對(duì)話框是很常用的組件,在很多地方都會(huì)用到,下面這篇文章主要給大家介紹了關(guān)于vue3動(dòng)態(tài)加載對(duì)話框的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
Vue實(shí)現(xiàn)監(jiān)聽dom節(jié)點(diǎn)寬高變化方式
這篇文章主要介紹了Vue實(shí)現(xiàn)監(jiān)聽dom節(jié)點(diǎn)寬高變化方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要為大家詳細(xì)介紹了Vue封裝的組件全局注冊(cè)并引用，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07