vue 添加vux的代碼講解
簡介
Vux(讀音 [v'ju:z],同views)是基于WeUI和Vue(2.x)開發(fā)的移動端UI組件庫,主要服務于微信頁面。
基于webpack+vue-loader+vux可以快速開發(fā)移動端頁面,配合vux-loader方便你在WeUI的基礎上定制需要的樣式。
vux-loader保證了組件按需使用,因此不用擔心最終打包了整個vux的組件庫代碼。
vux并不完全依賴于WeUI,但是盡量保持整體UI樣式接近WeUI的設計規(guī)范。最初目標是創(chuàng)建一個易用,實用,美觀的移動端UI組件庫,現(xiàn)在離理想狀態(tài)還有不少距離,因此需要大家及時反饋問題及貢獻代碼。
1、命令添加vux
npm install vux --save
2、在build/webpack.base.conf.js中配置
const vuxLoader = require('vux-loader') const webpackConfig = originalConfig // 原來的 module.exports 代碼賦值給變量 webpackConfig //即將原來的module.exports 改為 const webpackConfig module.exports = vuxLoader.merge(webpackConfig, { plugins: [{ name: 'vux-ui' }] })
3、添加less
npm install less less-loader --save-dev
4、添加yaml-loader
npm install yaml-loader --save-dev
5、添加vux-loader
npm install vux-loader --save-dev
6、在main.js中添加
const FastClick = require('fastclick') FastClick.attach(document.body) import VueRouter from 'vue-router' Vue.use(VueRouter)
相關文章
vue項目debugger調(diào)試看不到源碼的問題及解決
這篇文章主要介紹了vue項目debugger調(diào)試看不到源碼的問題及解決,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-06-06ElementUI實現(xiàn)el-table行列合并的操作步驟
在前端開發(fā)中,數(shù)據(jù)展示一直是一個重要的部分,而表格則是數(shù)據(jù)展示最常見的形式之一,ElementUI 是餓了么前端團隊推出的一款基于 Vue 的 UI 組件庫,其中的 el-table 組件是一個功能強大且靈活的表格組件,今天我們要詳細探討的是 el-table 的行列合并操作2024-08-08vue.js+element-ui動態(tài)配置菜單的實例
今天小編就為大家分享一篇vue.js+element-ui動態(tài)配置菜單的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09vue中實現(xiàn)點擊按鈕滾動到頁面對應位置的方法(使用c3平滑屬性實現(xiàn))
這篇文章主要介紹了vue中實現(xiàn)點擊按鈕滾動到頁面對應位置的方法,這段代碼主要使用c3平滑屬性實現(xiàn),需要的朋友可以參考下2019-12-12Vue為何棄用Ajax,選擇Axios?ajax與axios的區(qū)別?
ajax技術實現(xiàn)了局部數(shù)據(jù)的刷新,axios實現(xiàn)了對ajax的封裝;axios有的ajax都有,ajax有的axios不一定有??偨Y一句話就是axios是ajax,ajax不止axios。2023-01-01