Vue.js(讀音 /vju?/, 類似于 view) 是一套構(gòu)建用戶界面的 漸進式框架
(1)Vue 采用自底向上增量開發(fā)的設(shè)計 ; 何為:自底向上???
Vue 的核心庫只關(guān)注視圖層,并且非常容易學習,非常容易與其它庫或已有項目整合。
(2)Vue 完全有能力驅(qū)動采用單文件組件和 Vue 生態(tài)系統(tǒng)支持的庫開發(fā)的復(fù)雜單頁應(yīng)用镐确。
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)響應(yīng)的數(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.reibang.com/p/eda22fa7b12a
http://www.reibang.com/p/82eaeda8adcf
PS: 不推薦新手直接使用 vue-cli,尤其是對 Node.js 構(gòu)建工具不夠了解的同學。
那么新手應(yīng)該是怎么創(chuàng)建呢豆拨??能庆?
1施禾、 聲明式渲染
Vue.js 的核心是一個允許你采用簡潔的模板語法來聲明式的將數(shù)據(jù)渲染進 DOM 的系統(tǒng):
(也就是:通過模板將數(shù)據(jù)渲染到html的dom系統(tǒng)中)
上面看起來單單渲染一個字符串模板非常類似,但是vue.js 在背后做了大量工作搁胆。
這樣拾积,數(shù)據(jù)和dom已經(jīng)被綁定在一起,所有的元素都是響應(yīng)式的丰涉。
(過瀏覽器打開拓巧,修改app.message)
除了綁定插入的文本內(nèi)容一死,我們還可以采用這樣的方式綁定 DOM 元素屬性:
這里的 v-bind 屬性被稱為 “指令”肛度;
指令帶有前綴 v- ,表示它們是Vue.js提供的特殊屬性;它們會在渲染過得dom上應(yīng)用特殊的相應(yīng)行為投慈。簡單含義是:將這個元素節(jié)點的title屬性和Vue實例的message屬性綁定到一起承耿。
***打開瀏覽器的控制臺輸入 app2.message = 'some new message',你就會再一次看到這個綁定了title屬性的HTML已經(jīng)進行了更新伪煤。
這個沒有實驗到加袋。/(ㄒoㄒ)/~~
&&&####
數(shù)據(jù)綁定沒有成功抱既;需要進一步進行研究/(ㄒoㄒ)/~~