Vue 2.0 是一個非常流行的 JavaScript 框架，它允許我們使用組件化的方式來構建網頁應用程序。而在 Vue 2.0 中，組件的定義方式是通過單個文件來實現的，這個文件包含了組件的 HTML 模板、JavaScript 代碼和 CSS 樣式等相關內容。

這種以單個文件來組織組件的方式，能夠大大提高代碼的可讀性和可維護性。而這種文件的后綴名則通常會以 .vue 結尾。下面是一個簡單的 Vue 組件文件的示例：

<template>
<div>
<h1>{{ message }}</h1>
<p>{{ subMessage }}</p>
</div>
</template>
<script>
export default {
data() {
return {
message: 'Hello, World!',
subMessage: 'This is a sub message.'
}
}
}
</script>
<style>
h1 {
color: red;
}
</style>

在這個例子中，通過使用 template 標簽來定義了組件的 HTML 模板，而 script 標簽則用于定義組件的 JavaScript 代碼。在這個 JavaScript 代碼中，通過使用 export default 關鍵字來導出這個組件。

我們可以看到，這個組件中定義了一個 data 函數，用于返回組件的響應式數據。這個數據會與模板中的標簽相關聯，并且當數據發生變化時，模板也會隨之更新。

最后一個 style 標簽則用于定義組件的樣式。這種方式能夠輕松地將組件的 HTML、JavaScript 代碼和 CSS 樣式統一起來，大大提高了代碼的可讀性和可維護性。