vue中賦值操作深入

2021-10-25 08:26:54 字數 1277 閱讀 3666

直接對computed的變數進行賦值,這個操作說不行的,如果需要改變computed裡面變數的值,需要改變這個變數裡面依賴的變數,依賴的變數值發生了改變,computed裡面就能監聽到變化,自然而然computed裡變數的值就發生了變化;

引用賦值的思考

data()

;},created()

, methods:

else

}catch(e

)},}

this

.producttypelist =

this

.$store.state.producttypelist;

這個賦值操作 就將producttypelist指向了this.$store.state.producttypelist;的位址,

後面方法裡,如果再次對 producttypelist 進行賦值,例如:

this

.producttypelist =

實際上又會再次將producttypelist 指向乙個新的位址,已經不再指向 上面賦值

this.producttypelist = this.$store.state.producttypelist;的 位址了,所以這個時候改變

producttypelist的值,vuex的producttypelist的值是不會發生改變的。

如果也想 vuex 的producttypelist 的值發生改變,應該如何進行操作呢???

this

.producttypelist =

this

.producttypelist.

splice(0

,0,...res.data.producttypelist)

通過splice方法進行更改,splice能夠直接改變原來指向位址的值,通過這種方法能夠修改vuex 的producttypelist的值。

this.producttypelist.splice(0, 0, ...res.data.producttypelist)this.producttypelist.前面可以理解為 指向這個位址,然後通過splice方法進行修改位址的值,修改位址的值,引用型別都會發生改變。

vue中取值和賦值操作

假設form中有個6個時段資訊 time0,time2,time3 time5 如何遍歷取出這6個時段的值?使用obj key 的方式取值 key可以是字串,也可以是表示式 示例 this.form time i 假設給上述的幾個時段賦值,如何操作呢?可以使用this.set obj,key,val...

vue中的賦值問題

this form 父元件 這種傳值會將引用指向同乙個位址,導致修改了子元件值會導致父元件也被修改 this dialog 方法1 let newdata json parse json stringify this form this dialog 方法2 const this form let ...

vue中的陣列賦值問題

vue中的陣列賦值 var zjdjvue new vue 初始 mounted function methods var arr 1,3,4,5 方式一 zjdjvue moneylist arr 方式二 for var i 0 i 上面的方式一方式二賦值是將會報錯 image.png vue中陣...