## Vue概述 ### Vue是什么？ Vue (讀音 /vju?/，類似于 view) 是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。 * 易用 已經會了HTML,CSS,JavaScript？即刻閱讀指南開始構建應用。 * 靈活 簡單小巧的核心，漸進式技術棧，足以應付任何規模的應用。 * 性能 20kb min+gzip 運行大小、超快虛擬 DOM 、最省心的優化。 ### 作者 尤雨溪是Vue.js框架的作者，HTML5版Clear的打造人。他認為，未來App的趨勢是輕量化和細化，能解決問題的應用就是好應用。而在移動互聯網時代大的背景下，個人開發者的機遇在門檻低，成本低，跨設備和多平臺四個方面  ### 搭建環境 ~~~ <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <script type="text/javascript"> // your code </script> ~~~ ### Hello world ~~~ <div id="app"> {{ message }} </div> ~~~ ~~~ var app = new Vue({ el: '#app', data: { message: 'Hello Vue!' } }) ~~~ Hello Vue! 我們已經成功創建了第一個 Vue 應用！看起來這跟渲染一個字符串模板非常類似，但是 Vue 在背后做了大量工作。現在數據和 DOM 已經被建立了關聯，所有東西都是響應式的。我們要怎么確認呢？打開你的瀏覽器的 JavaScript 控制臺 (就在這個頁面打開)，并修改 app.message 的值，你將看到上例相應地更新