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

[meituandianping]

上周，美团点评技术博客发布开源框架 mpvue，受到大家的喜欢，在这里分享出来~

mpvue 是什么

mpvue 是一套定位于开发小程序的前端开发框架，其核心目标是提高开发效率，增强开发体验。使用该框架，开发者只需初步了解小程序开发规范、熟悉 Vue.js 基本语法即可上手。框架提供了完整的 Vue.js 开发体验，开发者编写 Vue.js 代码，mpvue 将其解析转换为小程序并确保其正确运行。此外，框架还通过 vue-cli 工具向开发者提供 quick start 示例代码，开发者只需执行一条简单命令，即可获得可运行的项目。

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

https://tech.meituan.com/mt-mpvue-development-framework.html

• GitHub 地址，欢迎 Star&Fork

https://github.com/Meituan-Dianping/mpvue

[thundernet8]

消灭 0 回复

[codermagefox]

已 star，wepy 的体验太差，希望 mpvue 能给我惊喜。

[meituandianping]

@thundernet8 给你点个赞噢~

[meituandianping]

@codermagefox 好呀，请持续关注，有问题随时提出来

[binux]

这下还有人质疑小程序不是 web 开发吗？

[banricho]

已 star
很棒

[pubby]

能不能把 wxs 支持成 filter 的形式啊？现在不支持 wxs 很蛋疼

[meituandianping]

@pubby 抱歉回复有点晚~简单说一下 filter 和 wxx 的事情，mpvue 的定位是写 Vue 语法规格的源代码，最终编译出一套小程序代码。开发者实际编写的源代码中并不会存在 wxs 片段。目前 mpvue 确实不支持 filter 函数，我们评估的实现方式可以是：用户直接写 Vue 规格的 filter，mpvue 在代码编译阶段自动将其转换成 wxs 片段，开发者无感知，也不需要写 wxs.不知道是否回答了问题~

[meituandianping]

@banricho @codermagefox @binux @pubby @thundernet8 如果在北京，下周六有个活动，mpvue 的作者会来分享，可以报名参加 http://www.huodongxing.com/event/4434224268100

[pubby]

@meituandianping 能这样实现最棒，但是 wxs 是很简陋的，很多对象方法是缺失的，这样智能转换应该会 bug 多多。

而用户自己写 wxs 块的话， 只要把管道符 arg |f1|f2|f3 转换为函数嵌套 f3(f2(f1(data)))就行了

个人认为 mpvue 能把写小程序这件事变得很爽就不错了， 兼容其他平台应该放在次要位置

[insub]

感觉 mp 一般是表示公众号的称呼吧，叫 wxavue 会不会好一点？
@meituandianping