您現在的位置是:首頁 > 攝影首頁攝影
web前端:Vue框架介紹
vue框架怎麼用
Vue是一套用於構建使用者介面的漸進式框架。Vue採用自底向上增量開發的設計,提供了MVVM資料繫結和可組合的元件系統,具有簡單、靈活的API,透過簡單的API可實現響應式的資料繫結和可組合的檢視元件。
主要特點:
1)輕量級
Vue能自動追蹤依賴的模板表示式和計算屬性,具有見到那靈活的API,使開發人員容易理解和更快上手。
2)雙向資料繫結
Vue採用資料劫持結合釋出者-訂閱者模式的方式,透過Object。defineProperty()來劫持各個屬性的setter,getter,在資料變動時釋出訊息給訂閱者,觸發相應的監聽回撥來渲染檢視。
3)指令
Vue與頁面進行互動死透過內建指令來完成的。指令的作用是當表示式的值改變時相應地將互動行為應用到DOM上。
4)元件化
Component可以擴充套件HTML元素,封裝可重用的程式碼;父子元件通訊可透過props從父向子單向傳遞通訊,子元件與父元件透過觸發事件$emit通知父元件改變資料。兄弟元件通訊有Bus、Vuex;跨級元件通訊則有Bus、Vuex、provide/inject、$attrs/$listeners
5)路由
Vue-router是Vue的路由外掛,用於構建單頁面應用。路由用於設定訪問路徑並將路徑和元件對映起來,而傳統的是透過超連結實現頁面的切換和跳轉。
6)狀態管理
Vuex是一個專為Vue應用程式開發的狀態管理模式。其實就是一個單向的資料流,State驅動View的渲染,而使用者對View進行操作產生Action,使State產生變化,從而使View重新渲染,形成一個單獨的元件。
優勢:
Vue元件化開發,減少程式碼量,易於理解;
Vue使用路由不
會重新整理
頁面,區域性重新整理;
MVVM開發模式,雙向資料繫結;
採用虛擬DOM,可進行服務端渲染