1、ES6+Vue ：

1、Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是，Vue 被設(shè)計為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時，Vue 也完全能夠為復(fù)雜的單頁應(yīng)用提供驅(qū)動。

2、vue的特點(diǎn)

1) 遵循 MVVM 模式

2) 編碼簡潔, 體積小, 運(yùn)行效率高, 適合移動/PC 端開發(fā)

3) 它本身只關(guān)注 UI, 可以輕松引入 vue 插件或其它第三庫開發(fā)項目

3、 與其它前端js框架的關(guān)聯(lián)

1) 借鑒 angular 的模板和數(shù)據(jù)綁定技術(shù)

2) 借鑒 react 的組件化和虛擬 DOM 技術(shù)

4、 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 端)

2、Vue ：

vue:入門代碼：

3、vue的點(diǎn)擊事件；

4、vue 的生命周期and組件的生命周期

5、vue較為完整的實例對象。

6、vue的MVVM

MVVM分為三個部分：

分別是M(Model，模型層 )，

V(View，視圖層)，

VM(ViewModel，V與M連接的橋梁，也可以看作為控制器)

1、 M：模型層，主要負(fù)責(zé)業(yè)務(wù)數(shù)據(jù)相關(guān)；

2、 V：視圖層，顧名思義，負(fù)責(zé)視圖相關(guān)，細(xì)分下來就是html+css層；?

3、 VM：V與M溝通的橋梁，負(fù)責(zé)監(jiān)聽M或者V的修改，是實現(xiàn)MVVM雙向綁定的要點(diǎn)；

MVVM支持雙向綁定，意思就是當(dāng)M層數(shù)據(jù)進(jìn)行修改時，VM層會監(jiān)測到變化，并且通知V層進(jìn)行相應(yīng)的修改，反之修改V層則會通知M層數(shù)據(jù)進(jìn)行修改，以此也實現(xiàn)了視圖與模型層的相互解耦。

(也就是說可以進(jìn)行雙向修改)

7、vue:語法部分

??? Vue.js 使用了基于 HTML 的模板語法，允許開發(fā)者聲明式地將 DOM 綁定至底層 Vue 實例的數(shù)據(jù)。

? ?所有 Vue.js 的模板都是合法的 HTML，所以能被遵循規(guī)范的瀏覽器和 HTML 解析器解析。

????雙大括號表達(dá)式

????語法: {{exp}}

????功能: 向頁面輸出數(shù)據(jù) ，可以調(diào)用對象的方法

????指令一：強(qiáng)制數(shù)據(jù)綁定

????功能: 指定變化的屬性值

????完整寫法: v-bind:xxx='yyy' //yyy 會作為表達(dá)式解析執(zhí)行

????簡潔寫法: :xxx='yyy'

????指令二：綁定事件監(jiān)聽

????1) 功能: 綁定指定事件名的回調(diào)函數(shù)

完整寫法整潔寫法

v-on:keyup='xxx'	@keyup='xxx'
v-on:keyup.enter='xxx'	@keyup.enter='xxx'

8、vue樣式部分

1、v-text=""? 與 v-html="" 的區(qū)別：

這是顯示結(jié)果：

2、 v-if=""? ? ?v-else-if=""??v-else

9、圖片的顯示與隱藏 v-show

更新時間：2020-12-17 ? vue部分

總結(jié)

以上是生活随笔為你收集整理的element vue 纵向滑动条_Vue 部分的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。