Vue.js 是什么
Vue (讀音 /vjuː/，類似於 view) 是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。
如果你想在深入學習 Vue 之前對它有更多了解，我們制作了一個視頻，帶您了解其核心概念和一個示例工程。
如果你已經是有經驗的前端開發者，想知道 Vue 與其它庫/框架有哪些區別，請查看對比其它框架。
說明：
官方指南假設你已了解關於 HTML、CSS 和 JavaScript 的中級知識。如果你剛開始學習前端開發，將框架作為你的第一步可能不是最好的主意——掌握好基礎知識再來吧！之前有其它框架的使用經驗會有幫助，但這不是必需的。
HelloWorld
嘗試 Vue.js 最簡單的方法是使用 Hello World 例子。你可以在瀏覽器新標簽頁中打開它，跟着例子學習一些基礎用法。或者你也可以創建一個 .html 文件，然后通過如下方式引入 Vue：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 開發環境版本，包含了有幫助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app" v-bind:title="info"> {{message}} <!-- 用於顯示 message 的值--> </div> <script> var app = new Vue({ el:'#app', data:{ message:'hello wdh01', info:'this is wdh for wdh01 ' } }) </script> </body> </html>
運行代碼頁面效果：
程序運行結果如上圖所示：此時我們已經成功創建了第一個 Vue 應用！看起來這跟渲染一個字符串模板非常類似，但是 Vue 在背后做了大量工作。現在數據和 DOM 已經被建立了關聯，所有東西都是響應式的。我們要怎么確認呢？打開你的瀏覽器的 JavaScript 控制台 (就在這個頁面打開)，並修改 app.message 的值，你將看到上例相應地更新。
