1、ES6+Vue ：

1、Vue 是一套用于構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠為復雜的單頁應用提供驅動。

2、vue的特點

1) 遵循 MVVM 模式

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

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

3、 與其它前端js框架的關聯

1) 借鑒 angular 的模板和數據綁定技術

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

4、 vue拓展插件

• vue-cli: vue 腳手架

• vue-resource(axios): ajax 請求

• vue-router: 路由

• vuex: 狀態管理

• vue-lazyload: 圖片懶加載

• vue-scroller: 頁面滑動相關

• mint-ui: 基于 vue 的 UI 組件庫(移動端)

• element-ui: 基于 vue 的 UI 組件庫(PC 端)

2、Vue ：

vue:入門代碼：

3、vue的點擊事件；

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

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

6、vue的MVVM

MVVM分為三個部分：

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

V(View，視圖層)，

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

1、 M：模型層，主要負責業務數據相關；

2、 V：視圖層，顧名思義，負責視圖相關，細分下來就是html+css層；?

3、 VM：V與M溝通的橋梁，負責監聽M或者V的修改，是實現MVVM雙向綁定的要點；

MVVM支持雙向綁定，意思就是當M層數據進行修改時，VM層會監測到變化，并且通知V層進行相應的修改，反之修改V層則會通知M層數據進行修改，以此也實現了視圖與模型層的相互解耦。

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

7、vue:語法部分

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

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

????雙大括號表達式

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

????功能: 向頁面輸出數據 ，可以調用對象的方法

????指令一：強制數據綁定

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

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

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

????指令二：綁定事件監聽

????1) 功能: 綁定指定事件名的回調函數

完整寫法整潔寫法

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

8、vue樣式部分

1、v-text=""? 與 v-html="" 的區別：

這是顯示結果：

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。