真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

vueprop屬性傳值與傳引用示例

vue組件在prop里根據type決定傳值還是傳引用。

成都創(chuàng)新互聯(lián)公司主營順昌網站建設的網絡公司,主營網站建設方案,重慶App定制開發(fā),順昌h5小程序設計搭建,順昌網站營銷推廣歡迎順昌等地區(qū)企業(yè)咨詢

簡要如下：

傳值：String、Number、Boolean

傳引用：Array、Object

若想將數組或對象類型也以值形式傳遞怎么辦呢？如下方式可以實現：

// component-A 引用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屬性傳值與傳引用示例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

標題名稱：vueprop屬性傳值與傳引用示例
標題路徑：http://www.weahome.cn/article/jgeeeh.html