vue中父子組件傳參時props使用問題


情景: 父組件給子組件傳參
注意事項:

  1. props傳遞數據作用域是孤立的,它是父組件通過模板傳遞而來,
  2. 想接收到父組件傳來的數據,需要通過props選項來進行接收。
  3. 子組件需要顯示的聲明接收父組件傳遞來的數據的數量,類型,初始值。
  4. 簡單的接收可以通過數組的形式來進行接收。
  5. Vue傳遞數據時是基於數據單向流動,子組件不能改變 props 任何屬性,需要通知父組件改變相應的值,重新改變。

傳參形式:(前兩種是原子化)

  1. 動態傳參(:params1=‘msg’)
  2. 直接定義字面量(params2=‘傳給子組件2’)
  3. 傳函數(:paramsFn=“fn”)
  4. 傳對象(v-bind=‘obj’)【一定要寫v-bind 否則接收不到】

轉載:https://blog.csdn.net/qq_42842709/article/details/88894519
(侵權必刪)


免責聲明!

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



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