vue+vuex+axios+mint-ui 使用webpack开发前端h5页面

最新推荐文章于 2022-11-15 14:28:03 发布
最新推荐文章于 2022-11-15 14:28:03 发布
阅读量247 收藏 1
点赞数
分类专栏： Vue Vue-Cli 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25128693/article/details/106136232
版权
Vue 同时被 3 个专栏收录
6 篇文章 0 订阅
订阅专栏
Vue-Cli
2 篇文章 0 订阅
订阅专栏
前端
2 篇文章 0 订阅
订阅专栏

根据公司最近业务需求需要开发手机端质检钻石的h5业务流程
开发工具vscode
技术栈 vue+vuex+axios+mintui
脚手架vue_cli

此处为个人原创代码 辛苦成果不易 未经允许不可转载

涉及公司隐私 后端接口暂不附上代码
前端:
大致效果图
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

代码地址
github https://github.com/wubo199686/VueQcH5.git

nodeJs + webpack+vue+ element ui 环境安装
GIS摆渡人
04-18 522
文章目录一.安装nodeJs二.安装vue三.创建新项目四.使用vue-cli再一次创建新项目四.引入Elements ui五.运行已有项目六.补充安装axios +sass+store(1).安装axios(ajax的封装）(2).安装sass(3).安装store(4).引入jq(5).安装css-loader(6).安装better-scroll(7).vue项目添加一些触摸事件以及fastclick的支持(8).vue项目配置了babel-polyfill 兼容低版本浏览(9).配置jsonp(10
vue使用mint-ui报错
weixin_44082422的博客
08-06 911
一个vue项目，使用mint-ui的时候出了点问题，百度了好久终于能成功运行了，记一下笔记。 (具体可以看这个Mint UI —— 基于 Vue.js 的移动端组件库) 引入mint-ui有两种，一种是全部引入，一种是按需引入 全部引入在main.js中： import MintUI from 'mint-ui'; import 'mint-ui/lib/style.css'; Vue.use(MintUI); 按需引入，例如引入Button组件 import Button from 'mint
Vue+mintUI的demo
06-30
Vue+mintUI的demo,想快速开发前端页面，不错的选择。。。
手把手教你用Vue2+webpack+node开发一个H5 app
weixin_34289744的博客
07-11 372
手把手教你用Vue2+webpack+node开发一个H5 app 这一篇讲一个复杂一点的完整的例子，仿制一个H5 APP，这个APP就叫[one.一个]，在百度搜索 one 就能找到啦[为什么仿这个呢，因为这是我用了很久的一个app呀 ]。 完整代码放在了github，戳这里,顺便求个star,对于手机在身边的盆友，可以扫描下面的二维...
基于vue2的 H5框架
weixin_50407990的博客
07-01 1404
https://gitee.com/scallopsf/h5_cli_-vue.git
vue2+webpack搭建h5框架
03-12
vue2+webpack搭建h5框架
vue2+vant2搭建H5框架
xiaoququ的博客
04-12 3953
新建项目 npm install --global @vue/cli vue create vue-h5 引入vant2.0 bug ：若莫名其妙报错是因为vant 版本太高，降低版本即可 npm i vant -S 按需引入组件 npm i babel-plugin-import -D babel.config.js 中配置 module.exports = { plugins: [ ['import', { libraryName: 'vant', li
基于vue+vue-router+vuex+element-ui+axios，参考小米商城，实现的电商项目，仿小米商城源代码
最新发布
03-23
本项目前后端分离，前端基于`Vue`+`Vue-router`+`Vuex`+`Element-ui`+`Axios`，参考小米商城实现。后端基于`Node.js(Koa框架)`+`Mysql`实现。 前端包含了11个页面：首页、登录、注册、全部商品、商品详情页、关于...
Vue2基础（6）——vue-cli、element-ui、axios拦截器、proxy接口代理
SongD1114的博客
04-09 1769
Vue2基础vue-cli、element-ui、axios拦截器、proxy接口代理
vue+element-ui中实现多层级复杂的维度根据数据自动生成的表头
热门推荐
前端技术的学习整理
05-22 3万+
表头主要复杂在：1，有三层，一层是大类，第二层是具体项，第三层是标准值/对比值2，首列和末尾列是一层3，整个表格的维度是根据数据的输入自己生成，也就是动态的下面是在 vue + eleUI 中的解决方案：<el-table :data="tableData" border style="width: 100%" max-height="700" v-loading="areaLoading"...
vue+mintUI h5页面demo
08-08
本项目采用vue+mintui构建的移动端h5页面，完整的项目拿来就可以写新项目
h5+vue初始配置框架
07-29
一个使用vue-cli配置的移动端项目，应用vant中的Rem 适配，可以重复使用。让搭建项目初始的时间大大减少。
vue高仿知乎日报单页面应用技术栈vuevuexvuerouteraxiosmintuisass
08-11
vue高仿知乎日报单页面应用，技术栈 vue vuex vue-router axios mint-ui sass
VUE2.0搭建H5项目
z_jing0927的博客
11-15 1824
vue2.0搭建H5项目
Mint-ui设计移动端系统-Axios
qixiang_chen的博客
06-25 642
Mint-ui开发系统是前端静态系统，其需要与后台系统交互信息完成业务逻辑，通过Http插件Axios实现前后端数据交互。 package.json中引入Axios { "name": "gf_mob", "version": "1.0.0", "description": "gf mobile project", "author": "qixiang_chen@aliyun.com <qixiang_chen@aliyun.com>", "private": true,
基于webpack和vue.js搭建开发环境
weixin_30727835的博客
07-10 286
前言 在对着产品高举中指怒发心中之愤后，真正能够解决问题的是自身上的改变，有句话说的好：你虽然改变不了全世界，但是你有机会改变你自己。秉承着“不听老人言，吃亏在眼前”的优良作风，我还是决定玩火自焚。 问题所在 之前的项目总结为以下内容： 1、AMD模块规范开发，使用requirejs实现，使用rjs打包，最终导致的结果是，输出的项目臃肿，肿的就像一坨狗不理……不忍直视2、使用gulp进...
html5 移动端开发模板,搭建一个vue-cli的移动端H5开发模板
weixin_35681965的博客
06-09 1479
简介vue-mobile 是是基于 vue-cli 实现的移动端 H5 开发模板，其中已经搭建好基本的开发框架，可帮助您实现快速开发。技术栈：vue + vux + axios + less功能搭建项目目录配置 css 预处理器配置 UI 组件库 vux解决移动端适配配置页面路由缓存axios 请求封装工具类函数封装toast 组件封装dialog 组件封装底部导航组件封装列表页 demo表单页 ...
vue-cli的引入（element-ui、mint-ui，axios）
Lisunlight的博客
07-28 1373
为了使所有的组件均可使用，文件的引入都在 src/main.js 中引入 1、element-ui （1）npm install element-ui //下载组件 （2）在main.js中输入（实现全局引入） import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(...
一步步教你搭建一个完整的前端项目（基于vue 2、vuex、mint-ui 2、webpack 3、axios）
大道至简
09-04 1068
准备工作 需要先安装node环境，官方地址：https://nodejs.org 开始搭建 Windows下不要使用git自带的mintty执行命令，切换选项时会失效的。觉得cmd难看的话用PowerShell会好一些，只是好一些，呵呵。 安装vue： npm install vue && npm install --global vue-cli 生成项目结构，安装依赖： vue...
2022年Vue面试精华：自定义指令与Vuex详解
4. **Mint-UI介绍**：Mint-UI是基于Vue的轻量级UI组件库，提供一套响应式的、美观的移动优先的界面组件。使用方法包括引入库文件、注册组件（如`<mt-button>`）、并通过props和事件驱动交互。至少三个组件使用示例：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值