vue prop屬性傳值與傳引用示例
更新時(shí)間：2019年11月13日 15:28:57 作者：幻歡子
今天小編就為大家分享一篇vue prop屬性傳值與傳引用示例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
vue組件在prop里根據(jù)type決定傳值還是傳引用。
簡要如下：
傳值：String、Number、Boolean
傳引用：Array、Object
若想將數(shù)組或?qū)ο箢愋鸵惨灾敌问絺鬟f怎么辦呢？如下方式可以實(shí)現(xiàn)：
// component-A 引用component-B組件
<component-B :person="personList"
:personBak="person_Bak">
</component-B>
// component-A 部分關(guān)鍵代碼
// 將數(shù)組復(fù)制，personBak與personList是兩個(gè)“內(nèi)容”相同但地址不一樣的對象(數(shù)組),
// 這樣可以變相的實(shí)現(xiàn)“傳值”，person或personBak互不影響
person_Bak = JSON.parse(JSON.stringfy(this.personList));
//component-B props部分
props: {
person: {
type: Object,
default: {}
},
personBak: {
type: Object,
default: {}
}
}
以上這篇vue prop屬性傳值與傳引用示例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
在前端開發(fā)中,獲取登錄用戶的用戶名是一項(xiàng)常見的需求,這篇文章主要給大家介紹了關(guān)于前端Vue如何獲取登錄的用戶名或用戶id的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-07-07
這篇文章主要為大家介紹了Electron-store本地存儲(chǔ)功能的用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
這篇文章主要為大家詳細(xì)介紹了如何使用Vue編寫一個(gè)簡單的日期選擇器,文中的示例代碼講解詳細(xì),具有一定的借鑒價(jià)值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12
這篇文章主要介紹了vue3的自定義hook函數(shù)使用，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-04-04
今天小編就為大家分享一篇vue 中滾動(dòng)條始終定位在底部的方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
在Vue中，修飾符處理了許多DOM事件的細(xì)節(jié)，讓我們不再需要花大量的時(shí)間去處理這些煩惱的事情，而能有更多的精力專注于程序的邏輯處理2022-10-10
vue 判斷兩個(gè)時(shí)間插件結(jié)束時(shí)間必選大于開始時(shí)間的代碼
這篇文章主要介紹了vue 判斷兩個(gè)時(shí)間插件結(jié)束時(shí)間必選大于開始時(shí)間的代碼，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-11-11
在vue3中,?提供了一個(gè)?useAttrs?的方法它接收到的參數(shù)一?prop中可以接收到的數(shù)據(jù)是基本一樣的如果我們想自已寫一個(gè)組件,?把?elementPlus?中的期中一個(gè)組件封裝一下,這篇文章主要介紹了vue3中的useAttrs和props的區(qū)別,需要的朋友可以參考下2023-09-09
vue中實(shí)現(xiàn)頁面刷新以及局部刷新的方法
這篇文章主要給大家介紹了關(guān)于vue中實(shí)現(xiàn)頁面刷新以及局部刷新的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2022-01-01
Vuex模塊化和命名空間namespaced實(shí)例演示
這篇文章主要介紹了Vuex模塊化和命名空間namespaced的相關(guān)知識，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-11-11