vue-屬性傳值 props


props屬性傳值

1、傳具體的值  string(字符串) number(數值) boolean(布爾)

2、傳一個引用 array(數組)  object(對象)

 

----傳引用-----

代碼

界面效果

刪除后的效果

----傳一個具體的值-----

        

 


 

 

props 兩種傳值

1、父組件向子組件傳值(屬性傳值)

2、子組件向父組件傳值(事件傳值)

 

屬性傳值 —— 父(組件)傳子(組件)

 

在子組件中需要接收父組件傳過來的屬性

 


 

事件傳值 —— 子傳父 $emit

$emit("自己定義的事件名","傳的內容")

 

通過$emit("change","這是子傳父的值")注冊事件  change為事件名稱 后面的為傳的內容

觸發$emit事件后,會在父組件中查找 對應的 change 事件

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM