在Vue中使用props可以將父組件中的數據傳遞給子組件,實現組件間的通信。對于需要傳遞一個整數類型的數據時,可以使用props int。
// 在父組件中傳遞一個整數數據給子組件 <template> <ChildComponent :num="123"></ChildComponent> </template> <script> import ChildComponent from './ChildComponent.vue' export default { components: { ChildComponent } } </script>
在這里,父組件通過props將num屬性傳遞給子組件,并且將num屬性設置為整數類型。
// 在子組件中定義props類型為整數 <template> <div> {{ num }} </div> </template> <script> export default { props: { num: { type: Number, required: true } } } </script>
子組件中的props定義了一個名為num的屬性,類型為Number,并且設置為必傳項,這樣保證了必須傳遞一個整數類型的數據給子組件。
使用props int可以有效的保證組件間傳遞的數據類型的正確性。在實際開發中,我們常常會使用props int來傳遞一些需要進行計算的數據,例如價格、數量等。
上一篇vue react