vue變數傳值 vueprops傳值常見問題

2021-10-13 14:36:03 字數 474 閱讀 6657

傳入的值想作為區域性變數來使用,直接使用會 報錯。錯誤是說的避免直接修改父元件傳入的值,因為會改變父元件的值

解決方案:

可以在data中重新定義乙個變數,改變指向,但是也只是針對簡單資料型別,因為複雜資料型別棧存貯的是指標,

props:['listshop'],

data();

var y = {};

for(var i in x)

y.c = 3;

console.log(y); //object

console.log(x); //object

2. object.assign   (看情況使用)

只會對只是一級屬性複製,比淺拷貝多深拷貝了一層而已,所以還是無法達到深度轉殖的目的.

3. 強大的json.stringify和json.parse

const obj1 = json.parse(json.stringify(obj))

vue變數傳值 vue props傳值常見問題

傳入的值想作為區域性變數來使用,直接使用會 報錯。錯誤是說的避免直接修改父元件傳入的值,因為會改變父元件的值 解決方案 可以在data中重新定義乙個變數,改變指向,但是也只是針對簡單資料型別,因為複雜資料型別棧存貯的是指標,props listshop data var y for var i in...

vue變數傳值 Vue 元件之間傳值

一 父元件向子元件傳遞資料 在 vue 中,可以使用 props 向子元件傳遞資料。子元件部分 這是 header.vue 的 html 部分,logo 是在 data 中定義的變數。如果需要從父元件獲取 logo 的值,就需要使用 props logo 在 props 中新增了元素之後,就不需要在...

vue變數傳值 Vue 元件之間傳值

一 父元件向子元件傳遞資料 在 vue 中,可以使用 props 向子元件傳遞資料。子元件部分 這是 header.vue 的 html 部分,logo 是在 data 中定義的變數。如果需要從父元件獲取 logo 的值,就需要使用 props logo 在 props 中新增了元素之後,就不需要在...