vue 添加vux的代码讲解


Posted in Javascript onNovember 30, 2017

简介

Vux(读音 [v'ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。

基于webpack+vue-loader+vux可以快速开发移动端页面,配合vux-loader方便你在WeUI的基础上定制需要的样式。

vux-loader保证了组件按需使用,因此不用担心最终打包了整个vux的组件库代码。

vux并不完全依赖于WeUI,但是尽量保持整体UI样式接近WeUI的设计规范。最初目标是创建一个易用,实用,美观的移动端UI组件库,现在离理想状态还有不少距离,因此需要大家及时反馈问题及贡献代码。

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)
Javascript 相关文章推荐
File文件控件,选中文件(图片,flash,视频)即立即预览显示
Apr 09 Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
Sep 08 Javascript
js格式化金额可选是否带千分位以及保留精度
Jan 28 Javascript
JS取数字小数点后两位或n位的简单方法
Oct 24 Javascript
node.js实现微信JS-API封装接口的示例代码
Sep 06 Javascript
JS实现合并json对象的方法
Oct 10 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
Dec 01 Javascript
Node解决简单重复问题系列之Excel内容的获取
Jan 02 Javascript
Vue 权限控制的两种方法(路由验证)
Aug 16 Javascript
node中使用log4js4.x版本记录日志的方法
Aug 20 Javascript
js实现上传按钮并显示缩略图小轮子
May 04 Javascript
vue实现广告栏上下滚动效果
Nov 26 Vue.js
vue2.x+webpack快速搭建前端项目框架详解
Nov 30 #Javascript
Vue+Vux项目实践完整代码
Nov 30 #Javascript
Bootstrap Table 搜索框和查询功能
Nov 30 #Javascript
微信小程序实现简单input正则表达式验证功能示例
Nov 30 #Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
Nov 30 #Javascript
微信小程序实战篇之购物车的实现代码示例
Nov 30 #Javascript
微信小程序支付及退款流程详解
Nov 30 #Javascript
You might like
福利彩票幸运号码自动生成器
2006/10/09 PHP
linux下使用ThinkPHP需要注意大小写导致的问题
2011/08/02 PHP
php获得用户ip地址的比较不错的方法
2014/02/08 PHP
PHP判断一个字符串是否是回文字符串的方法
2015/03/23 PHP
PHP统计数值数组中出现频率最多的10个数字的方法
2015/04/20 PHP
浅谈Javascript如何实现匀速运动
2014/12/19 Javascript
javascript感应鼠标图片透明度显示的方法
2015/02/24 Javascript
js插件实现图片滑动验证码
2020/09/29 Javascript
Vue页面骨架屏的实现方法
2018/05/22 Javascript
使用JS代码实现俄罗斯方块游戏
2018/08/03 Javascript
ant design vue嵌套表格及表格内部编辑的用法说明
2020/10/28 Javascript
JavaScript实现网页留言板功能
2020/11/23 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
2020/12/02 Vue.js
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
全面解读Python Web开发框架Django
2014/06/30 Python
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
Python中的hypot()方法使用简介
2015/05/18 Python
python实现web方式logview的方法
2015/08/10 Python
Python数据类型学习笔记
2016/01/13 Python
Python程序中的观察者模式结构编写示例
2016/05/27 Python
Python抓取手机号归属地信息示例代码
2016/11/28 Python
python3操作mysql数据库的方法
2017/06/23 Python
Python基于datetime或time模块分别获取当前时间戳的方法实例
2019/02/19 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
Pytorch在dataloader类中设置shuffle的随机数种子方式
2020/01/14 Python
浅谈CSS3 box-sizing 属性 有趣的盒模型
2019/04/02 HTML / CSS
全球知名巧克力品牌:Godiva
2016/07/22 全球购物
美国家居装饰店:Z Gallerie
2020/12/28 全球购物
装修五一活动策划案
2014/01/23 职场文书
《长相思》听课反思
2014/04/10 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
勤奋学习演讲稿
2014/05/10 职场文书
安全检查汇报材料
2014/12/26 职场文书
大学生违纪检讨书范文
2015/05/07 职场文书
在职证明书模板
2015/06/15 职场文书
mysqldump进行数据备份详解
2022/07/15 MySQL