Vue Components 是 Vue.js 的核心功能之一，也是 Vue.js 最重要的特性之一。在 Vue.js 中，我們可以將組件看作是構成整個應用的基本單元，其本質是一個擁有內部狀態和包含有效模板的 Vue 實例，它們可以被復用、組合和擁有生命周期等方法。

Vue Components 的編寫主要涉及到以下幾個方面：

//定義組件，這里定義了一個簡單的組件
Vue.component('my-component', {
template: '
A custom component!
'
})

首先需要定義組件，這可以通過 Vue.component 方法來實現。在組件定義中，我們需要指定組件的名字及其模板。上面的代碼定義了一個名為 my-component 的組件，其模板為一個簡單的 div，其中包含了一些文本信息。

//引入組件
import MyComponent from './MyComponent.vue'
//注冊組件
export default {
components: {
MyComponent
}
}

然后我們需要在我們的應用中使用這個組件，這可以通過在組件中引入并注冊組件實現。這個例子中，我們使用了 Vue 文件，定義了一個模板，我們在客戶端實例中引用了這個模板，并注冊了一個名為 MyComponent 的組件。

在 Vue components 中，數據可以傳遞到子組件或從子組件來。這可以通過 props 屬性來實現，如下所示：

Vue.component('child-component', {
props: ['message'],
template: '
{{ message }}
'
})

定義了一個名為 child-component 的組件，其中包含一個名為 message 的屬性。在組件中，我們將這個屬性作為一個變量進行渲染，最終將其渲染到模板中。

總的來說，Vue Components 的使用在 Vue.js 應用程序的開發中非常重要，尤其是在需要應對大規模應用程序的開發時，各種組件能夠讓開發人員輕松地對項目進行模塊化和組件化，代碼的復用性也得到了很大的提高。