Vue.js 是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級框架不同的是，Vue 采用自底向上增量開發(fā)的設(shè)計(jì)。Vue 的核心庫只關(guān)注視圖層，它不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。另一方面，當(dāng)與單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用程序提供驅(qū)動。

Vue.js 的核心是一個(gè)允許采用簡潔的模板語法來聲明式的將數(shù)據(jù)渲染進(jìn) DOM，所有的元素都是響應(yīng)式的。

組件系統(tǒng)是 Vue 的另一個(gè)重要概念，因?yàn)樗且环N抽象，允許我們使用小型、自包含和通常可復(fù)用的組件構(gòu)建大型應(yīng)用。仔細(xì)想想，幾乎任意類型的應(yīng)用界面都可以抽象為一個(gè)組件樹。

在 Vue 里，一個(gè)組件本質(zhì)上是一個(gè)擁有預(yù)定義選項(xiàng)的一個(gè) Vue 實(shí)例，在 Vue 中注冊組件很簡單：

// 定義名為 todo-item 的新組件
Vue.component('todo-item', {
  template: '<li>這是個(gè)待辦項(xiàng)</li>'
})

現(xiàn)在你可以用它構(gòu)建另一個(gè)組件模板：

<ol>
  <!-- 創(chuàng)建一個(gè) todo-item 組件的實(shí)例 -->
  <todo-item></todo-item>
</ol>