vue 添加vux的代碼講解
更新時間：2017年11月30日 11:50:49 作者：仔仔愛學(xué)習(xí)
通過命令npm install vux --save添加vux，在相關(guān)配置文件中配置信息，具體代碼添加方法，大家參考下本文
簡介
Vux（讀音 [v'ju:z]，同views）是基于WeUI和Vue(2.x)開發(fā)的移動端UI組件庫，主要服務(wù)于微信頁面。
基于webpack+vue-loader+vux可以快速開發(fā)移動端頁面，配合vux-loader方便你在WeUI的基礎(chǔ)上定制需要的樣式。
vux-loader保證了組件按需使用，因此不用擔(dān)心最終打包了整個vux的組件庫代碼。
vux并不完全依賴于WeUI，但是盡量保持整體UI樣式接近WeUI的設(shè)計規(guī)范。最初目標(biāo)是創(chuàng)建一個易用，實用，美觀的移動端UI組件庫，現(xiàn)在離理想狀態(tài)還有不少距離，因此需要大家及時反饋問題及貢獻(xiàn)代碼。
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)
相關(guān)文章
這篇文章主要介紹了vue實現(xiàn)input框禁止輸入標(biāo)簽，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要為大家詳細(xì)介紹了最基礎(chǔ)的vue.js雙向綁定操作，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要給大家介紹了關(guān)于VUE登錄注冊頁面的相關(guān)資料,在Vue中可以使用組件來構(gòu)建登錄注冊頁面,文中通過圖文以及代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12
這篇文章主要介紹了vue正確使用watch監(jiān)聽屬性變化方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
這篇文章主要介紹了Vue組件之極簡的地址選擇器的實現(xiàn)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
Element?Plus組件Form表單Table表格二次封裝的完整過程
一般在后臺管理系統(tǒng)的開發(fā)中,都會遇到很多table,但每一次都去引入el-table就會導(dǎo)致代碼十分冗余,所以基于組件做一下二次封裝成自己需要的組件就十分nice,下面這篇文章主要給大家介紹了關(guān)于Element?Plus組件Form表單Table表格二次封裝的相關(guān)資料,需要的朋友可以參考下2022-09-09
最近項目里集成了百度地圖的一些功能,所以下面這篇文章主要給大家介紹了關(guān)于前端小技能之Vue集成百度離線地圖功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
這篇文章主要介紹了vue中的$root和$parent ，本文通過文字實例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04
解決前后端分離 vue+springboot 跨域 session+cookie失效問題
這篇文章主要介紹了前后端分離 vue+springboot 跨域 session+cookie失效問題的解決方法，解決過程也很簡單 ,需要的朋友可以參考下2019-05-05
前端vue+elementUI如何實現(xiàn)記住密碼功能
這篇文章主要給大家介紹了關(guān)于vue+elementUI如何實現(xiàn)記住密碼功能的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-09-09