vue框架記錄

原創 nihaoye000 2018-11-26 11:47

pc端

  1. element-ui
  2. iview
  3. buefy 輕量級響應式
  4. bulma 響應式佈局支持移動

移動端

  1. vuetify
  2. onsenui
  3. cube-ui
  4. vux
  5. vant
  6. mint-ui
  7. we-vue 不怎麼官方但可以參考
  8. bui 雖然不是vue但可以作參考

vue插件

  1. v-scroll 自定義滾動條
  2. vue-awesome-swiper swiper插件
  3. v-charts echarts插件
  4. vee-validate 表單校驗
  5. vue-notification 一些通知的方便調用
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

Vue加載OpenLayer入門教程（超簡單）

Vue加載OpenLayer很簡單，很簡單，很簡單第一步：創建vue項目第二步 加載openlayer 很簡單，很簡單，很簡單 學會了vue，開始測試mapbox的搭配，學會了mapbox，有整了一下openlayer的導入，剛開

来日可期啊 2020-07-08 12:37:34

Uniapp中父組件向子組件傳遞prop，新的prop會帶有舊的prop屬性

簡潔 最近使用uniapp開發微信小程序，某一個頁面需要做成可配置化，因此會出現直接在父組件修改傳遞到子組件的prop，但是會出現這種情況，假設新傳遞的prop對象爲newObj，舊傳遞的prop對象爲oldObj，如果Objec

py_boy 2020-07-08 12:07:32

element-ui中的el-table-column加v-if不生效，表頭錯亂

 項目中需要按照不同的媒體類型，展示不同的表頭且數據字段也不同。可以增加不同key值解決v-if不生效問題。 <el-table-column prop="author" align="center"

杨哥杨哥万万岁 2020-07-08 12:30:46

vue中index.html文件爲什麼可以使用模板語法

今天無意間看到在項目的index.html文件中，使用了ejs的語法（後來知道是lodash），就非常費解，之前在node項目中，需要指定使用ejs模板引擎，在中間件中rander到前臺頁面。我理解的大概就是這個原理 查看了官方的解釋

杨哥杨哥万万岁 2020-07-08 12:30:46

pywebview cef打包 到達斷點的彌補辦法

cef 是chrome內核，支持vue，但是其它內核不支持，所以項目選用cef來做引擎，但是打包運行遇到了一個問題，報錯爲 已到達斷點 [0812/112825.786:ERROR:icu_util.cc(133)] Inval

qq_42289686 2020-07-08 12:00:21

富文本編輯器之————Vue-Quill-Editor

1. 安裝vue-quill-eidtor yarn add vue-quill-editor 或者 npm install vue-quill-editor --save 2. 在main.js中引入： import Vue

ddx2019 2020-07-08 11:55:42

Html Webpack Plugin: ReferenceError: process is not defined

修改ejs文件 將<% if (!process.browser) {%> 改成： <% if (!require(‘process’).browser) { %>

真·skysys 2020-07-08 11:54:32

electron-vue項目引入element-ui

參考： https://www.jianshu.com/p/1defe83929f3 npm install element-ui main.js import ElementUI from 'element-ui' impor

真·skysys 2020-07-08 11:54:31

怎樣讓div中的字上下左右居中

<div style="height: 30px;line-height: 30px;text-align: center;"> 讓我居中 </div>使line-height和height一樣就能讓字上下居中

shaochengand 2020-07-08 11:56:57

TOMCAT下配置項目路徑

對工程的部署一般是將工程的壓縮文件放在tomcat安裝目錄的webapps下，訪問時通過鍵入：http://localhost:8080/xx(假定爲本機訪問，xx是部署時的應用工程的訪問名字）。 而如果直接鍵入：http://loca

shaochengand 2020-07-08 11:56:57

HTML+CSS+JS實現小學四則運算自動出題程序

HTML+CSS+JS實現小學四則運算自動出題程序 要求 編寫一個小學四則運算自動出題程序 要求： 1、100以內四則運算，題目自動生成； 2、頁面需要有計算結果輸入框，提交按鈕； 3、用戶提交結果之後系統能自動計算成績； 4、系

马踏飞燕&lin_li 2020-07-08 11:54:31

JS 實現拖拽效果

JS 實現拖拽效果 拖拽原理 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/

马踏飞燕&lin_li 2020-07-08 11:54:29

詳解Flex佈局

Flex佈局 flex 佈局是繼 標準流佈局 、 浮動佈局 、 定位佈局 後的第四種佈局方式。這種方式可以非常優雅的實現子元素居中或 均勻分佈，甚至可以隨着窗口縮放自動適應。 flex 佈局在瀏覽器中存在一定的兼容性。但是在小程序

马踏飞燕&lin_li 2020-07-08 11:54:29

HTML + CSS + JS 實現隨機抽獎

HTML + CSS + JS 實現隨機抽獎 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="view

马踏飞燕&lin_li 2020-07-08 11:54:28

Flex佈局實戰：支付寶首頁

Flex佈局實戰：支付寶首頁 index.wxml <view class="container"> <!-- 藍色部分 --> <view class="blue-group"> <!-- 頂部部分 --> <vie

马踏飞燕&lin_li 2020-07-08 11:54:28