vux页面转换html,Vue 初学者使用 Vux 前端开发框架 - 文章教程
我刚开始使用 Vux 的时候,入门就卡住了,一直安装不成功,看了官方的安装文档完全是懵逼的,一步一步的按照步骤操作居然不成功,最后还是百度了下才成功。
安装 Vux
<1>. 在项目里安装vux
npm install vux --save
<2>. 安装vux-loader (这个vux文档中没有明文跟你说要安装的啦)
npm install vux-loader --save-dev
<3>. 安装less-loader (这个是用以正确编译less源码,否则会出现 ‘ Cannot GET / ‘,自己看package.json,如果安装了,就不用装啦!)
npm install less less-loader --save-dev
<4>. 安装yaml-loader (不用装啦)
npm install yaml-loader --save-dev
<5>. 在build文件夹下webpack.base.conf.js 文件进行配置
const vuxLoader = require('vux-loader')
// 新加上去的
const webpackConfig = originalConfig
// originalConfig就是原来的 module.exports出去的代码,把它整个赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui'] })
// 在最后加多一句,这里就是引用插件 Vux
<6>. 最后别忘了,在 resolve: {} 里加入.less。
extensions: ['.js', '.vue', '.json','.less']
到这里就安装完成了,先运行一下看看是否有报错的。
使用 Vux 组件
在某个页面的 script 内,引入组件
import { Loading, Alert} from 'vux'
还要在 components 写上:
components: {Loading, Alert}
基本上算是组件的通用使用方法。
如果你要全局引入组件,在 main.js 加入:
import { Loading, Alert} from 'vux'
Vue.component('loading', Loading)
这样就不用每个页面都引入组件。
vux页面转换html,Vue 初学者使用 Vux 前端开发框架 - 文章教程相关推荐
- vux页面转换html,vue vux 怎么用 样式变量 修改主题配色
说明 在vux的官网上经常能看到有样式变量这个东西,一开始并不知道怎么用,想着修改样式就通过优先级覆盖就好了,后面有个小伙伴问起,我下仔细去找找文档-主题颜色配置 vux 样式变量 vux 样式变量 ...
- vux-ui html版本,Vue中的Vux配置指南
简介 Vux(读音 [v'ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面. 基于webpack+vue-loader+vux可以快速开发移动端页面 ...
- vue/cli3 配置vux
安装各插件 试过 安装"必须安装"的部分亦可 1.安装vuex npm install vuex --save-dev 2.在项目里面安装vux[必须安装] npm install ...
- vue 签署文件两张图合并成一张图 h5页面转换成图片并长按保存在本地
在做让用户在页面签名并把当前页面保存为图片,附上完整代码 (直接复制代码,更改接口地址或删除接口逻辑可直接复用) **准备工作:安装 npm install vue-esign --save 全局 ...
- vue项目引入vux组件
搭建好vue项目后,这边主要做的手机端,综合比较后决定引入vux组件 1.安装vux npm install vux --save 或者使用 yarn yarn add vux // 安装 yarn ...
- vuepdf转换html,Vue网页html转换PDF(最低兼容ie10)的思路详解
Vue网页html转换PDF(最低兼容ie10)的思路详解 发布时间:2020-10-16 13:05:09 来源:脚本之家 阅读:95 作者:冷藏封 HTML转PDF: 1.页面底层实现--Vue: ...
- 搭建一个vue小页面(入门vue)
最近在学习vue框架,找了很久在网上找到下面这篇博客,觉得写得通俗易懂,就是其中有些代码尝试了有一点点的小问题,我猜可能版本不同的问题,造成不同的结果,但框架的思想我是觉得写得很通俗易懂的,供大家共享 ...
- Android学习笔记——APP页面转换与Intent学习
使用Intent保证多活动之间的切换,实现APP页面转换. 同时学习Intent其他诸多功能. 认知Intent Intent是Android程序中各组件之间进行交互的一种重要方式,不仅指明当前组件想 ...
- jquery将html转为pdf文件,HTML+CSS入门 jsPDF插件实现将HTML页面转换成PDF详解
本篇教程介绍了HTML+CSS入门 jsPDF插件实现将HTML页面转换成PDF详解,希望阅读本篇文章以后大家有所收获,帮助大家HTML+CSS入门. < 1.目的:在前段是 jQuery库 或 ...
- 搭建个人博客网站 -- vue初学者学习总结
搭建个人博客网站 – vue技术学习 开源代码:个性化个人博客系统 参考项目:风丶宇的个人博客 一.项目概述 项目主要是基于SpringBoot + Vue 开发的前后端分离博客,本文主要涉及项目前端 ...
最新文章
- mysql 实时聚合分析,mysql累积聚合原理与用法实例分析
- wxWidgets随笔(2)-hello,world
- 算法笔记--数列分块
- matlab正弦光栅,科学网—光栅-正弦,矩形 - 宗兆玉的博文
- 【Servlet】HTTP 协议之请求方式、Servlet介绍、Servlet 的生命周期
- 2.1 maven配置多镜像地址
- Eclipse创建Maven工程
- java 解析josn数组
- 【渝粤题库】陕西师范大学200931小学语文教学论 作业(高起专)
- python sleep函数什么意思_python中sleep函数用法实例分析
- scrapy下载图片(《精通scrapy网络爬虫》第九章)
- Linux误删数据恢复实验
- 李沐动手学深度学习_环境搭建
- 破解NET的四大神器
- 游资会带散户炒股吗?
- 最全的PDF转换成Word方法,搞定市面上99%的PDF
- 教你如何用Python检测出图像中的黄色?都在这里!
- 福州本科计算机有哪些专业,福州大学自考计算机本科,福大自考本科有哪些专业...
- ubuntu中的坑——Ubuntu18.04进入tty界面
- 弹性地基梁板法计算原理_基础工程复习试题
热门文章
- 一个简单的网页设计HTML5作业
- 支持html手机音乐代码,仿酷狗html5手机音乐播放器主要部分代码分享
- 基于Html5组态软件的竞品分析
- 微星z370黑苹果_[原创]黑苹果Hackintosh 10.13.5 High Sierra i7 8700k z370
- net-java-php-python-新华眼镜ERP系统计算机毕业设计程序
- Vivado 错误代码 [DRC PDCN-2721] 解决
- 中兴配置dhcp服务器,中兴F623路由器如何投入使用dhcp服务器
- STC 32位8051单片机开发实例教程 二 I/O工作模式及其配置
- php聊天室把数据存在缓存里,php聊天室信息存储的问题
- 学习opencv3 pdf_PDF的虚拟打印机,免费又好用