在創建Vue組件時,經常需要傳遞參數。參數是組件相互傳遞信息的一種手段。Vue參數在組件中被稱為props。props是可以通過父組件向子組件傳遞數據的,這使得我們可以輕松重用組件,并動態地調整它們的輸入。
Vue.component('child-component', { props: ['message'], template: '{{ message }}
' })
在上面的示例中,我們創建了一個名為child-component的Vue組件。它擁有一個叫做message的props。實際上就可以像此添加多個props。此處的塊級示例是主文件,它向子組件傳遞該值。子組件接受該值并將其用作自己的綁定數據。
var app = new Vue({ el: '#app' })
在上面的例子中,我們通過將message值傳遞給child-component實例來傳遞一個字符串。這個字符串將成為組件的props。注意:子組件props不應該嘗試修改從父組件傳遞下來的任何prop。這個道理很明顯,如果你想在子組件內部修改這些值,應該先將數據轉化為子組件自己的數據,使用雙向數據綁定即可。
上一篇python 解整數規劃
下一篇vue多遠獲取數量