目錄
VUE是什么
Vue中的核心插件
Vue Router
Vuex
axios
element-ui
Vue前端整體架構
VUE是什么
Vue (讀音 /vju?/,類似于 view) 是一套用于構建用戶界面的漸進式框架,與其它大型框架不同的是,Vue 被設計為可以自底向上逐層應用,Vue 的核心庫只關注視圖層,不僅易于上手,還便于與第三方庫或既有專案整合,另一方面,當與現代化的工具鏈以及各種支持類別庫結合使用時,Vue 也完全能夠為復雜的單頁應用提供驅動,
Vue使用了雙向資料系結,即當資料發生變化的時候,視圖也就發生變化,當視圖發生變化的時候,資料也會跟著同步變化,這就是Vue的精髓所在,如下圖所示

Vue中的核心插件
Vue Router
Vue Router 是 Vue.js 官方的路由管理器,它和 Vue.js 的核心深度集成,讓構建單頁面應用變得易如反掌,包含的功能有:
- 嵌套的路由/視圖表
- 模塊化的、基于組件的路由配置
- 路由引數、查詢、通配符
- 基于 Vue.js 過渡系統的視圖過渡效果
- 細粒度的導航控制
- 帶有自動激活的 CSS class 的鏈接
- HTML5 歷史模式或 hash 模式,在 IE9 中自動降級
- 自定義的滾動條行為
Vuex
Vuex 是一個專為 Vue.js 應用程式開發的狀態管理模式,它采用集中式存盤管理應用的所有組件的狀態,并以相應的規則保證狀態以一種可預測的方式發生變化,
axios
axios 是一個基于Promise 用于瀏覽器和 nodejs 的 HTTP 客戶端,它本身具有以下特征:
- 從瀏覽器中創建 XMLHttpRequest
- 從 node.js 發出 http 請求
- 支持 Promise API
- 攔截請求和回應
- 轉換請求和回應資料
- 取消請求
- 自動轉換JSON資料
- 客戶端支持防止 CSRF/XSRF
element-ui
element-ui是一款由餓了么前端團隊開發的vue框架組件,里面集成了很多樣式組件和功能組件,是一個非常好的框架,
Vue前端整體架構

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/342229.html
標籤:其他
