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 相关文章推荐
JS版网站风格切换实例代码
Oct 06 Javascript
JS获取dom 对象 ajax操作 读写cookie函数
Nov 18 Javascript
另一个javascript小测验(代码集合)
Jul 27 Javascript
javascript实现捕捉键盘上按下的键
May 05 Javascript
JS判断是否长按某一键的方法
Mar 02 Javascript
基于AngularJs + Bootstrap + AngularStrap相结合实现省市区联动代码
May 30 Javascript
JavaScript高仿支付宝倒计时页面及代码实现
Oct 21 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
Jan 16 Javascript
React Native中导航组件react-navigation跨tab路由处理详解
Oct 31 Javascript
@angular前端项目代码优化之构建Api Tree的方法
Dec 24 Javascript
vue 实现小程序或商品秒杀倒计时
Apr 14 Javascript
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
PHP中MD5函数使用实例代码
2008/06/07 PHP
PHP大批量数据操作时临时调整内存与执行时间的方法
2011/04/20 PHP
PHP 数组基本操作方法详解
2016/06/17 PHP
php 截取GBK文档某个位置开始的n个字符方法
2017/03/08 PHP
php中pcntl_fork创建子进程的方法实例
2019/03/14 PHP
深入解析contentWindow, contentDocument
2013/07/04 Javascript
js实现瀑布流的一种简单方法实例分享
2013/11/04 Javascript
js实现背景图片感应鼠标变化的方法
2015/02/28 Javascript
jQuery中$.extend()用法实例
2015/06/24 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
详解javascript中对数据格式化的思考
2017/01/23 Javascript
微信小程序 常用工具类详解及实例
2017/02/15 Javascript
vue基于两个计算属性实现选中和全选功能示例
2019/02/08 Javascript
ECharts地图绘制和钻取简易接口详解
2019/07/12 Javascript
关于vue.js中实现方法内某些代码延时执行
2019/11/14 Javascript
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
Python利用Beautiful Soup模块修改内容方法示例
2017/03/27 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
python 数据提取及拆分的实现代码
2019/08/26 Python
关于Flask项目无法使用公网IP访问的解决方式
2019/11/19 Python
pyqt5数据库使用详细教程(打包解决方案)
2020/03/25 Python
利用Python中的Xpath实现一个在线汇率转换器
2020/09/09 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
介绍一下XMLHttpRequest对象
2012/02/12 面试题
书法培训心得体会
2014/01/05 职场文书
校园摄影活动策划方案
2014/02/05 职场文书
《只有一个地球》教学反思
2014/02/14 职场文书
小学毕业感言300字
2014/02/19 职场文书
竞选班长自荐书范文
2014/03/09 职场文书
学生会竞聘书范文
2014/03/31 职场文书
写给老师的保证书
2015/05/09 职场文书
同学会演讲稿
2019/04/02 职场文书
canvas绘制折线路径动画实现
2021/05/12 Javascript