您現在的位置是:首頁 > 攝影首頁攝影

web前端:Vue框架介紹

由 長沙牛耳教育 發表于 攝影2023-01-27
簡介跨級元件通訊則有Bus、Vuex、provideinject、$attrs$listeners5)路由Vue-router是Vue的路由外掛,用於構建單頁面應用

vue框架怎麼用

Vue是一套用於構建使用者介面的漸進式框架。Vue採用自底向上增量開發的設計,提供了MVVM資料繫結和可組合的元件系統,具有簡單、靈活的API,透過簡單的API可實現響應式的資料繫結和可組合的檢視元件。

web前端:Vue框架介紹

主要特點:

1)輕量級

Vue能自動追蹤依賴的模板表示式和計算屬性,具有見到那靈活的API,使開發人員容易理解和更快上手。

2)雙向資料繫結

Vue採用資料劫持結合釋出者-訂閱者模式的方式,透過Object。defineProperty()來劫持各個屬性的setter,getter,在資料變動時釋出訊息給訂閱者,觸發相應的監聽回撥來渲染檢視。

3)指令

Vue與頁面進行互動死透過內建指令來完成的。指令的作用是當表示式的值改變時相應地將互動行為應用到DOM上。

web前端:Vue框架介紹

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重新渲染,形成一個單獨的元件。

web前端:Vue框架介紹

優勢:

Vue元件化開發,減少程式碼量,易於理解;

Vue使用路由不

會重新整理

頁面,區域性重新整理;

MVVM開發模式,雙向資料繫結;

採用虛擬DOM,可進行服務端渲染