在 Vue.js 中，props 是組件之間傳遞數據的一種方式，可以將數據從父組件傳遞到子組件中使用。其中，number 類型的props 可以傳遞數值類型的數據。

// 父組件中使用 number 類型的 props
<template>
<div>
<child-component :number-prop="count"></child-component>
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue';
export default {
name: 'ParentComponent',
components: {
ChildComponent,
},
data() {
return {
count: 10,
};
},
};
</script>
// 子組件中定義 number 類型的 props
<template>
<div>
<p>number prop is: {{ numberProp }}</p>
</div>
</template>
<script>
export default {
name: 'ChildComponent',
props: {
numberProp: {
type: Number,
required: true,
},
},
};
</script>

在上面的代碼中，父組件通過 props 將 count 數據傳遞給了子組件，子組件中定義了名為 numberProp 的 number 類型的 props，通過 {{ numberProp }} 就可以在子組件中渲染父組件傳遞過來的數據了。