前端vue開發專案中的技術框架 簡單推薦

2021-10-25 06:07:36 字數 1281 閱讀 2111

技術選用:vue + element-ui

選擇理由:

概述:前端主流mvvm框架, vue相對react寫起來更方便,vue比react更容易上手,vue文件完善,社群繁榮,適用於做單頁面應用,如:管理後台。

1 輕量級框架,體積小

2 採用虛擬dom, 執行效率高

3 雙向資料繫結,使用簡便

4 生態豐富,學習成本低

從 標準(標準化生產)、生態(周邊產品,社群繁榮度)、成熟度(完成度與文件)、視覺(設計、美觀、易用、互動) 幾個方面來說。

element-ui 是國內做 vue 最早,也最成熟的一家。使用者群體多,遇到問題基本都能解決。

view ui(原 iview) - 國內 vue 生態圈內的佼佼者,由公司進行維護。

vue+element-ui+admin系統有很多完善的模板可用

截圖:

技術選用:vue + vant

選擇理由:

簡介:有讚公司開發的。

優點:社群活躍,元件多,視覺良好,完善的文件和示例。

易於開發h5頁面,支援自定義主題。

mint ui

簡介: 餓了麼公司基於vue開的的vue的ui元件庫

優點: 元件內容豐富。

缺點: github上最近更新日期是3年前了,意味著如果使用時候發現有bug,要麼選擇花時間去修改,要麼趕緊換元件。

選擇理由:

前端開發 axios在專案中的應用

用到的模組 vue axios vant 可參考文章 前端開發 axios在vue中的使用 前端開發 vant在vue中的使用 server contactapi.js 統一介面管理 包裝請求方法的容器 請求 instance.interceptors.request.use config retu...

專案中最實用的前端開發規範

前端的開發規範其實不需要定的太細,掌握好原則即可,依據這些原則,再去根據專案制定具體的要求,就可形成相關文件。比如,定好主題顏色後即可根據主題確定具體的顏色 字型 邊框 邊距 圖示等。根據之前做過的專案,我總結了20條原則,作為後期前端開發規範,無法面面俱到,僅供參考。1 必須使用構建工具,堅持前後...

前端框架 VUE 開發問題總結

頁面屬性渲染問題 在 vue 的開發中,我們最常用的是 vue 的雙向繫結的屬性,我們將屬性定義在data 中,同時在頁面中使用 vue 在載入時會將預設值渲染到 中進行顯示,當在 js 中通過this.屬性名 進行修改值時,會被實時同步修改顯示,如果在開發中遇到修改值,頁面未同步改變問題時,需要排...