在Vue中，引入子組件的方法非常簡單。下面我們來介紹一下具體的步驟。

// Parent.vue
<template>
<div>
<child-component/>
</div>
</template>
<script>
import ChildComponent from './ChildComponent.vue'
export default {
components: {
'child-component': ChildComponent
}
}
</script>

首先，在父組件的script標簽中，引入子組件所在的文件。這里我們用import引入了ChildComponent.vue。然后在components選項中，定義子組件的名稱'child-component'，并且引入ChildComponent。

// ChildComponent.vue
<template>
<div>
<h2>這里是子組件</h2>
<p>Hello, {{ msg }}</p>
</div>
</template>
<script>
export default {
data () {
return {
msg: 'Vue.js'
}
}
}
</script>

然后在子組件ChildComponent.vue中，寫入相應的模板代碼。這里我們簡單的只寫了一句“Hello, {{ msg }}”。其中{{ msg }}是一個Vue實例的數據，表示引入數據。在script標簽中，我們導出了ChildComponent。

// App.vue
<template>
<div>
<parent-component/>
</div>
</template>
<script>
import ParentComponent from './ParentComponent.vue'
export default {
components: {
'parent-component': ParentComponent
}
}
</script>

最后在App.vue中引入父組件ParentComponent.vue。在script標簽中使用import引入組件所在文件，并在components中注冊組件。然后在template標簽中，寫入引入組件的標簽<parent-component/>，即可在頁面中顯示子組件。

通過上面的步驟，我們可以成功的引用Vue的子組件，實現了組件化開發，提高了代碼的重用性和可維護性。同時，Vue還提供了更多的組件化開發功能，如父子組件之間的數據傳遞、單向數據流等，開發者可以根據需求進行靈活應用。