溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
vue組件在prop里根據type決定傳值還是傳引用。
簡要如下：
傳值：String、Number、Boolean
傳引用：Array、Object
若想將數組或對象類型也以值形式傳遞怎么辦呢？如下方式可以實現：
// component-A 引用component-B組件
<component-B :person="personList"
:personBak="person_Bak">
</component-B>
// component-A 部分關鍵代碼
// 將數組復制，personBak與personList是兩個“內容”相同但地址不一樣的對象(數組),
// 這樣可以變相的實現“傳值”，person或personBak互不影響
person_Bak = JSON.parse(JSON.stringfy(this.personList));
//component-B props部分
props: {
person: {
type: Object,
default: {}
},
personBak: {
type: Object,
default: {}
}
}
以上這篇vue prop屬性傳值與傳引用示例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
