mpvue-weui

前言

上周美团开源了 mpvue 框架，他基于Vue.js 的小程序开发框架，从底层支持 Vue.js 语法和构建工具体系。what，小程序可以用vue写了？简直有点不太敢确定，花了5分钟看了一下简介，没错，真的可以用vue开发小程序。真的是**限制了我的想象力，明白又该学写了，于是就开始准备利用这个框架写一点项目，感受一下他的魅力(其实是踩坑)。

重写 WeUI

俗话说，第一个吃螃蟹的人，总要踩一些坑（俗话有这么说过？）。WeUI是微信的官方 UI 库，在小程序中或者移动端使用的非常多，那么就有了一些想法:用 mpvue 重写 WeUI。

mpvue-weui是什么

也许 mpvue-weui 的内容不像它的名字那么高大上，它不是一个UI库（原谅我霸占了这么好的名字），其实它就是一个 WeUI的 demo 库，就像 WeUI一样，只不过是基于 mpvue 框架重写了一下。

重写目的

其实重写的目的就是看看mpvue好不好用，里面有哪些坑，然后将它写成文档的形式，从而避免基于mpvue框架开发的人再次踩坑。

重写感受

当重写完了以后，发现最大的感受就是：

  • 开发体验很棒，VSCode(IDE 自选)写代码，小程序开发工具开效果；
  • 对小程序官方组件和 API 支持的非常完美；
  • 快捷的 webpack 构建机制，开发过程中热更新.
  • ...

这次主要是重写 Weui，可能在自定义组件交互方面还没涉及，比如可以使用vuex进行状态管理，或者将来要支持vue-router。总之很好用，为美团点赞。

重写效果

踩坑文档

mpvue-weui 踩坑文档

tip: 文档会随着mpvue新语法或者新特性的更新而继续完善。

相关申明

  1. 本项目mpvue-weui主要使用了 weui-wxss 中的相关文件，主要目的在于交流学习，如果冒犯了相关的开源协议，实属抱歉。
  2. 这篇文档是自己在重写了 WeUI 以后记录的，如果有说的不对的地方还希望各位大佬指出，一起学习。

用 vue 写小程序，基于 mpvue 框架重写 weui相关推荐

  1. 使用Vue写小程序项目的框架以及ui

    在这里,我只代表我自己推荐写小程序的一些方法. 使用mpvue(Vue.js in mini program)这是一个非常好用的框架,链接 里面讲了如何初始化项目以及小程序的生命周期. 与mpvue能 ...

  2. 使用Vue开发微信小程序：mpvue框架

    [原文地址]mpvue入门系列教程: 如何在mpvue中正确的引用小程序的原生自定义组件 使用mpvue开发小程序教程(六) 使用mpvue开发小程序教程(五) 使用mpvue开发小程序教程(四) 使 ...

  3. 八一、 mpvue-使用介绍（美团团队开发的语法类似 vue的小程序的前端框架）

    1. mpvue-介绍 mpvue 是美团团队开发的语法类似 Vue.js 的小程序的前端框架 官网 开发文档 1.1. 主要特性 主要有以下特性 彻底的组件化开发能力:提高代码复用性 完整的 Vue ...

  4. 微信小程序基于wepy框架开发之问题集锦

    目录 1.报错提示:appJSON["window"]["navigationBarTextStyle"] 字段需为 black 或 white 2.有时候代码 ...

  5. 小程序基于mpvue开发坑一

    需求,右边input框需要随左边文字宽度自适应填满,正常情况下我们可以使用flex布局解决,但是在真机的情况下input框会出现右边偏移的问题. 这是因为微信把input框的100%渲染成了最外边的宽 ...

  6. 微信小程序基于mpvue的ui组件之选择器

    第一次自己开发组件,希望大家能够指出错误的地方或者改进的思路~ 先上图片 主页面 选中状态 返回结果 说明,该UI组件是为小程序而开发的,能够对传入的参数进行处理,最多加载四个选择器,最少一个 创建文 ...

  7. mpvue——基于vue的小程序开发框架

    mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力. 1.全局安装cli npm ins ...

  8. mpvue 微信小程序_使用Vue.js开发微信小程序：开源框架mpvue解析

    戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全 责编 | 阿秃 转自 | 美团技术团队企业博客 前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...

  9. 用Vue.js开发微信小程序：开源框架mpvue解析

    前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...

最新文章

  1. RPC调用框架比较分析--转载
  2. webstorm 设置jsp支持
  3. n以内的素数c语言,关于求N以内素数的一点小问题（N小于一亿）
  4. Qt连接MySQL数据库
  5. 京东11.11携手小米上线“信用试”服务 手机先试用满意再付款
  6. 我们用计算机做什么大餐英语怎么说,感恩用英语怎么说
  7. QComboBox使用方法，QComboBox详解
  8. SpringBoot 整合SpringSecurity示例实现前后分离权限注解+JWT登录认证
  9. Python 之pdb调试
  10. 关于网络安全检查的问题
  11. 【MFC开发（15）】进度条控件Progress Control
  12. 陈纪修老师《数学分析》 第06章：不定积分 笔记
  13. VueScan Pro for Mac(万能扫描仪驱动程序)
  14. html美化select样式,CSS美化select下拉框
  15. html img标签的alt属性和title属性（说明）
  16. Word删除页眉横线的方法
  17. 华硕台式计算机光盘怎么启动不了,华硕怎么设置光盘启动_华硕怎么设置开机启动光驱...
  18. 大话数据结构学习笔记（8）二叉树
  19. Unity文件转移出现的粉红色材质的处理方法
  20. 一叶知秋，一个 LED 就能入门 Linux 内核

热门文章

  1. python做马尔科夫模型预测法_隐马尔可夫模型的前向算法和后向算法理解与实现（Python）...
  2. mongo java mapreduce_MongoDB中MapReduce介绍与使用
  3. 卡迪夫大数据专业排名_2020年卡迪夫大学卫报排名前10热门专业
  4. Java数据结构 反转链表
  5. 【 FPGA 】FIR滤波器之 Hilbert 变换的实现
  6. http与https的区别，http 1.0与1.1的区别
  7. Uber开源TensorFlow框架工具箱Ludwig，无需编码即可进行深度学习开发
  8. python3.x与python2.x的区别汇总
  9. 关系型数据库 和 非关系型数据对比 以及 MySQL与Oracle对比
  10. 【排序】冒泡排序算法