Vue是一個流行的JavaScript框架，可以幫助我們構建交互式的Web應用程序。其中，組件是最基本的構建塊。Vue 2.0的組件系統比以前更加強大和靈活，允許我們創建可復用的UI組件，并使應用程序的代碼更加清晰和易于維護。

在Vue 2.0中，一個組件包含了模板、JavaScript代碼和可選的CSS樣式。我們可以使用Vue.component()方法創建組件：

Vue.component('my-component', {
template: '
This is my component!
'
})

在這個例子中，我們創建了一個名為“my-component”的組件，并將其模板設置為一個簡單的div。現在，我們可以在應用程序中使用標簽來渲染這個組件：

在這個例子中，我們創建了一個Vue實例，并將其綁定到應用程序的#app元素上。現在，當我們加載頁面時，Vue將創建一個新的my-component實例并將其渲染到頁面中。

除了模板，組件還可以包含JavaScript代碼和CSS樣式。例如，我們可以為my-component組件添加一個名為“message”的屬性：

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

現在，我們可以在標簽上使用message屬性來指定組件的顯示文本：

在這個例子中，我們將message屬性設置為“Hello, world!”，然后在組件的模板中使用它來顯示文本。Vue將自動渲染組件并將message屬性的值設置為文本。