文章詳情頁
javascript - vue中使用prop傳遞數據問題
瀏覽:115日期:2023-05-21 16:09:52
問題描述
在vue2.0的文檔中,關于prop的介紹,有些不明白。既然是通過prop獲取父組件的數據的,但是使用之后,為什么在子組件中又重新賦值呢?并沒有拿到父組件的值啊?
為什么需要給child組件再附加一個類似屬性的message并賦值呢?不是應該直接寫<child></child>之后,就自動顯示出<span>父組件message值</span>,不應該這樣顯示的嗎?
請問這個應該怎么理解啊?為什么會是這樣的呢?prop應該如何使用呢?
問題解答
回答1:可以這么理解。
父組件傳值給child組件。<child message=’hello’></child>子組件中有兩個地方用到了message,props區塊是注冊可能用到的變量。比如:<child message=’hello’ dep=’ssd’></child>對應的props就應該是[’message’,’dep’]template中{{message}}才是真正的調用變量。按你說的<child></child> 直接顯示,應該是這樣template:’<span>hello</span> :)
為什么要寫成這樣的結構?是考慮到組件的復用性,僅改變傳入的值就可以實現不同的功能。
回答2:在父組件作用域使用 v-bind:props=’data’的形式把父組件數據傳遞給子組件
回答3:是不是可以理解為子組件同時也可以修改父組件傳過來的值呢。
標簽:
JavaScript
上一條:javascript - 移動端,當出現遮罩層的時候,遮罩層里有div是超出高度scroll的,怎么避免滑動div的時候,body跟隨滑動?下一條:javascript - vue2+iscroll5無法滑動
相關文章:
1. python3.x - python連oanda的模擬交易api獲取json問題第五問2. docker - 如何修改運行中容器的配置3. nignx - docker內nginx 80端口被占用4. docker-machine添加一個已有的docker主機問題5. java - SSH框架中寫分頁時service層中不能注入分頁類6. 關于docker下的nginx壓力測試7. 為什么我ping不通我的docker容器呢???8. node.js - 我是一個做前端的,求教如何學習vue,node等js引擎?9. javascript - js代碼獲取驗證碼倒計時問題10. html5 - 百度echart官網下載的地圖json數據亂碼
排行榜
