基本認(rèn)識：
漸進式 JavaScript 框架? ? 作用: 動態(tài)構(gòu)建用戶界面
Vue 的特點
1遵循 MVVM 模式
2編碼簡潔, 體積小, 運行效率高, 適合移動/PC 端開發(fā)
3它本身只關(guān)注 UI, 可以輕松引入 vue 插件或其它第三方庫開發(fā)項目
與其它前端 JS 框架的關(guān)聯(lián)
1借鑒 angular 的模板和數(shù)據(jù)綁定技術(shù)
2借鑒 react 的組件化和虛擬 DOM 技術(shù)
Vue 擴展插件
vue-cli: vue 腳手架
vue-resource(axios): ajax 請求
vue-router: 路由
vuex: 狀態(tài)管理
vue-lazyload: 圖片懶加載
vue-scroller: 頁面滑動相關(guān)
mint-ui: 基于 vue 的 UI 組件庫(移動端)
element-ui: 基于 vue 的 UI 組件庫(PC 端)
它本身只關(guān)注 UI, 可以輕松引入 vue 插件或其它第三方庫開發(fā)項目
編碼
<div? id="app">
<input? type="text"? v-model="username">
<p>Hello,? {{username}}</p>
</div>
<script? type="text/javascript"? src="../js/vue.js"></script>
<script? type="text/javascript">
new? Vue({
el:? '#app',
data:? {
username:? 'vue'
}
})
</script>
