Vue CLI是Vue.js官方推出的一款腳手架工具，用于快速構(gòu)建基于Vue.js的項(xiàng)目。在Vue CLI中，props是組件通訊的一種方式，允許父組件向子組件傳遞數(shù)據(jù)，使得各個組件之間能夠更好地通訊。

在Vue CLI中，可以通過在子組件中聲明props來接收父組件傳遞過來的數(shù)據(jù)。聲明props的代碼如下所示：

props: {
propName: {
type: String,
default: '',
required: true,
validator: function(value) {
return value.length >0
}
}
}

其中，propName是你要接收的屬性名稱，type指定了屬性的類型，default指定了默認(rèn)值，required指定了是否必須傳遞該屬性，validator指定了一個自定義驗(yàn)證函數(shù)。

當(dāng)父組件向子組件傳遞數(shù)據(jù)時，可以通過v-bind指令來實(shí)現(xiàn)。具體的用法如下所示：

<template>
<child-component v-bind:propName="parentData"></child-component>
</template>
<script>
import ChildComponent from './ChildComponent.vue'
export default {
components: {
ChildComponent
},
data() {
return {
parentData: 'Hello, World!'
}
}
}
</script>

在上面的例子中，我們通過v-bind指令將parentData傳遞給了子組件的propName。

在子組件中，我們可以通過this.propName來訪問父組件傳遞來的數(shù)據(jù)。具體的用法如下所示：

<template>
<div>{{ propName }}</div>
</template>
<script>
export default {
props: {
propName: {
type: String,
default: '',
required: true
}
}
}
</script>

在上面的例子中，我們通過{{ propName }}輸出了父組件傳遞來的數(shù)據(jù)。

總之，在Vue CLI中使用props非常簡單，只需要在子組件中聲明一個props對象，然后通過v-bind指令將父組件的數(shù)據(jù)傳遞給子組件，就可以實(shí)現(xiàn)組件之間的通訊。