作為一名Vue.js的忠實用戶，我想有必要寫點文章來歌頌這一門美好的語言了，下面將給大家介紹Vue.js，希望能夠激發你對Vue.js的興趣。
什麼是Vue：
Vue (讀音 /vjuː/，類似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。
Vue的吸引力：
我喜歡 Vue 的一點是它吸取了其它框架的優秀之處，並有條不紊的將它們組合在一起。 比如:
- 具有響應式組件化的虛擬 DOM 只提供視圖層， props 和類 Redux 狀態管理與 React 類似。
- 條件渲染和服務與 Angular 類似。
- 受到 Polymer 簡潔及性能方面的啟發，Vue 提供了類似的模式，比如 HTML， 樣式以及 JavaScript 組合在一起。
Vue 相比其它框架的優勢有: 簡潔，提供更多語義化的 API ， 比 React 的表現稍好，不像 Polymer 那樣使用 polyfill，相比 Angular 有獨立的視圖。
在對Vue.js 有初步的認識的情況下，我們來說說今天的重點吧：Vue.js教程：渲染，指令，事件。
首先，當然是從 "Hello, world!" 的例子開始啦。運行如下示例：
如果你熟悉 React，你會發現兩者有很多相同之處。通過 mustache 模板以及使用一個變量，可以避免在內容中使用 JavaScript，但是不同的一點是我們直接書寫 HTML 而不是 JSX 。雖然 JSX 易於使用，但是我無需再花時間把 class 改成 className，等等。這樣啟動及運行會更輕量。
現在嘗試一下我喜歡的 Vue 的特性: 循環以及條件渲染。
條件渲染
假如有一組元素，類似導航條，我打算重複利用。合理的做法是放在數組中動態的更新。使用普通的 JS (需要 Babel) ，我們會這樣做: 創建一個數組，然後創建一個空字符串，用來存放使用 包裹的元素，再用 包裹所有內容，使用 innerHTML 方法添加到 DOM 中：
這種方法是可行的，但是有點麻煩。現在試一試 Vue 的 v-for循環：
非常簡潔。如果你熟悉 Angular，你對此應該不陌生。我發現這種條件渲染的方式簡單明瞭。如果你需要更新內容，修改起來也很簡單。
另外一種好的方式是使用 v-model 進行動態綁定。試試下面的例子：
在這個 demo 中你會注意到兩點。首先，可以直接向書中打字並且動態更新文本。Vue 通過 v-model非常方便的實現了
閱讀更多 合一學社 的文章
關鍵字: 編程語言 JavaScript HTML
