Vue.js(讀音 /vju?/, 類似于 view) 是一套構建用戶界面的 漸進式框架
(1)Vue 采用自底向上增量開發(fā)的設計 ; 何為:自底向上???
Vue 的核心庫只關注視圖層,并且非常容易學習,非常容易與其它庫或已有項目整合。
(2)Vue 完全有能力驅動采用單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫開發(fā)的復雜單頁應用。
https://github.com/vuejs/awesome-vue#libraries--plugins vue 生態(tài)系統(tǒng)支持的庫
http://cn.vuejs.org/v2/guide/single-file-components.html 單文件(vue教程主頁)
Vue.js 的目標:通過盡可能簡單的 API 實現(xiàn)響應的數(shù)據(jù)綁定和組合的視圖組件.
實現(xiàn)了view+model的綁定
[和其他框架的對比](http://cn.vuejs.org/v2/guide/comparison.html vue)
引入vue.js
<script src="https://unpkg.com/vue/dist/vue.js"></script>
vue 學習的前提知識:html+css + javascript
安裝可以參考:
http://www.itdecent.cn/p/eda22fa7b12a
http://www.itdecent.cn/p/82eaeda8adcf
PS: 不推薦新手直接使用 vue-cli,尤其是對 Node.js 構建工具不夠了解的同學。
那么新手應該是怎么創(chuàng)建呢???
1、 聲明式渲染
Vue.js 的核心是一個允許你采用簡潔的模板語法來聲明式的將數(shù)據(jù)渲染進 DOM 的系統(tǒng):
(也就是:通過模板將數(shù)據(jù)渲染到html的dom系統(tǒng)中)

上面看起來單單渲染一個字符串模板非常類似,但是vue.js 在背后做了大量工作。
這樣,數(shù)據(jù)和dom已經(jīng)被綁定在一起,所有的元素都是響應式的。
(過瀏覽器打開,修改app.message)

除了綁定插入的文本內(nèi)容,我們還可以采用這樣的方式綁定 DOM 元素屬性:

這里的 v-bind 屬性被稱為 “指令”;
指令帶有前綴 v- ,表示它們是Vue.js提供的特殊屬性;它們會在渲染過得dom上應用特殊的相應行為。簡單含義是:將這個元素節(jié)點的title屬性和Vue實例的message屬性綁定到一起。
***打開瀏覽器的控制臺輸入 app2.message = 'some new message',你就會再一次看到這個綁定了title屬性的HTML已經(jīng)進行了更新。
這個沒有實驗到。/(ㄒoㄒ)/~~


&&&####
數(shù)據(jù)綁定沒有成功;需要進一步進行研究/(ㄒoㄒ)/~~