基于vue框架的網(wǎng)頁模板（基于vue的web框架）
本篇文章給大家談談基于vue框架的網(wǎng)頁模板，以及基于vue的web框架對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
- 1、bootstrap+vue.js做前端框架的特點
- 2、vue的ui框架有哪些
- 3、Vue移動端項目搭建: 手把手從零開始搭建
- 4、（一）基于 vue-element-admin 前端與后端框架搭建
- 5、基于 VUE 框架的模擬Windows 桌面效果，
bootstrap+vue.js做前端框架的特點
1、易于開發(fā)：bootstrap+vue.js提供了頁面數(shù)據(jù)渲染模板引擎如v-ifv-for等、提供事件綁定@click等，代碼清晰明了，邏輯簡單，易于上手。
2、高性能：bootstrap+vue.js提出虛擬DOM概念，以及數(shù)據(jù)驅動DOM思想，減少頁面渲染成本，大幅度提高性能。
3、生態(tài)完善：許多開發(fā)者提供了對bootstrap+vue.js支持的插件如ElementUI，完善bootstrap+vue.js的生態(tài)，故使用bootstrap+vue.js進行開發(fā)，遇到的難題會較少。
4、開源社區(qū)活躍：這提供bootstrap+vue.js未來更加強大的可能性。
vue的ui框架有哪些
elementUI
2.iview
這個UI框架是對標elementUI而生的，最大優(yōu)點是官方有桌面版配置工具，只需使用鼠標就可以構建一個基于iview+vue的應用，免去手巧命令的煩惱。最新的版本為3.x。建議對elementUI框架審美疲勞的同學可以嘗試這個呦。官方網(wǎng)站的文檔和例子基本上你是小白也能學明白。
3.zanUI
由有贊團隊開源的移動端UI框架，對于移動電商應用的開發(fā)來說，有很多寫好的頁面組件，可以直接拿來使用。當然zanUI的樣式也是很好看的。當然也有PC端組件，和小程序端。zanUI一共分三個版本，針對移動端的為vantUI，PC端為zentUI，小程序端為Vant Weapp。
4.onsenUI
onsenUI的組件樣式
這個UI框架是國外開發(fā)，所以UI設計，很多都是迎合國外用戶，對于國內用戶，可能不是很好看，但是做為主打海外市場的應用，這個UI框架還是值得去使用的。
5.mintUI
這個是一個中規(guī)中矩的移動端UI框架，適合移動端的絕大部分場景。
6.museUI
這個框架還是比較有特色的，不管怎么說，這類不隨波逐流的UI框架已經很少見了，但是還是建議使用在主打海外市場的應用上。
Vue移動端項目搭建: 手把手從零開始搭建
為什么要寫這篇文章?
安裝lib-flexible
引入lib-flexible
安裝px2rem-loader
配置px2rem-loader
項目里使用設計稿標注的px，編譯或者打包后會自動轉化為rem
在Vue-cli中使用lang="less"時報錯： Module build failed: TypeError: this.getOptions is not a function at Object.loader
出現(xiàn)這個問題的原因是less-loader版本過高，降級到5.0.0即可
main.js添加
main.js
router/index.js
src文件夾下新建http文件夾，并在文件夾內新建request.js
request.js
main.js
使用方法:
然后就可以在項目中以 this.$axios 來進行請求
static文件夾下新增config.js
使用
(1) router/index.js
給每個路由新增一個auth字段來判斷是否需要登錄
(2) main.js
移動端項目調式怎么可以少了這個神器.
static 文件夾下新建 vconsole.js ，
再去git上拷貝源碼下來,在 index.html 里引入, vconsole 地址： 點這里
index.html
main.js
App.vue
谷歌下不支持小于12px，當字體小于12px時 會變成12px 這個時候我們設置的rem及=就沒有效果了 設置text-size-adjust會解決這個問題 禁用Webkit內核瀏覽器的文字大小調整功能
src / components 下新建index.js
main.js
使用: 直接使用不需要import
main.js中路由的前置守衛(wèi)里添加這句：
本模板框架gitee地址：
持續(xù)更新~~
（一）基于 vue-element-admin 前端與后端框架搭建
通過 src/settings.js 進行全局配置：
get-page-title.js 在 src/permission.js 中被引用
修改 package.json
執(zhí)行命令啟動
中間件是一個函數(shù)，請求和響應周期中被順序調用
寫一個中間函數(shù)
調用中間件注意事項：
應用如何響應請求的一種規(guī)則
響應 / 路徑的 get 請求
響應 / 路徑的 post 請求
規(guī)則主要分兩部分
通過自定義異常處理中間件處理請求中產生的異常
使用時需要注意兩點：
瀏覽器輸入
安裝 boom 依賴，最大的好處是可以快速的幫我們生成一些異常信息
app.js
創(chuàng)建 router 文件夾，創(chuàng)建 router/index.js
創(chuàng)建 router/user.js
創(chuàng)建 router 文件夾，創(chuàng)建 router/constant.js
啟動，訪問根路徑
這里指定的路由的前綴 /user 所有訪問路徑前要加 /user
訪問
訪問一個不存在的路徑
自定義路由異常處理中間件
注意兩點:
訪問一個不存在的路徑時，會返回一個 json 的結果，方便前端做出處理
基于 VUE 框架的模擬Windows 桌面效果，
基于 VUE 框架的模擬Windows 桌面效果，后臺管理UI，HTML5 CSS Javascript
【源碼地址】獲取源碼關注后私信回復“vue框架”
關于基于vue框架的網(wǎng)頁模板和基于vue的web框架的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。
