mpvue README

The project's README from github.com/Meituan-Dianping/mpvue. As one markdown file: README.md.

mpvue logo

npm npm

mpvue

Vue.js 小程序版, fork 自 vuejs/[email protected],保留了 vue runtime 能力,添加了小程序平台的支持。

mpvue 是一个使用 Vue.js 开发小程序的前端框架,目前支持 微信小程序、百度智能小程序,头条小程序 和 支付宝小程序。 框架基于 Vue.js,修改了的运行时框架 runtime 和代码编译器 compiler 实现,使其可运行在小程序环境中,从而为小程序开发引入了 Vue.js 开发体验。

mpvue 2.0

mpvue 2.0 开始正式支持 百度智能小程序、头条小程序 和 支付宝小程序,使用 mpvue-quickstart 项目模板新创建的项目,将默认升级到 2.0。老项目可继续使用原有版本。详情请参见 mpvue 2.0 升级指南

新版本的问题或建议,有请各位关注者及时反馈,mpvue 2.0 祝大家节日快乐~ -2019.02.14

mpvue 1.x 稳定版本

对于不升级 2.0 的项目,可以继续使用1.x 的大版本,目前1.x 会持续在 1.4.x 上继续维护 升级方式参见:1.x 稳定版说明

mpvue 文档

快速开始

我们精心准备了一个简单的 五分钟上手教程 方便你快速体验到 mpvue 带来的开发乐趣。

名称由来

主要特性

使用 mpvue 开发小程序,你将在小程序技术体系的基础上获取到这样一些能力:

其它特性正在等着你去探索。

配套设施

mpvue 作为小程序版本的 Vue.js,在框架 SDK 之外,完整的技术体系还包括如下设施。

使用 mpvue 的项目

贡献方法

更多项目征集

分享交流群

mpvue (Meituan-Dianping/mpvue)

Searching Database…

20.2K ·GitHub
这是什么?mpvue 是一个用 Vue.js 开发小程序的前端框架——它 fork 自 vuejs/vue(2.4.1),把其运行时和编译器适配到了小程序环境。
用它写的是真正的 Vue.js 代码,还是某种小程序方言?是真正的 Vue,不是方言:mpvue 保留了 Vue 运行时并加入了对小程序平台的支持,所以你写的是标准的 Vue 组件,用的也是常规的 vue-cli 工具链。
怎么开始一个项目?通过 Vue CLI 工具(vue-cli)用 mpvue-quickstart 模板生成项目脚手架——README 里附了五分钟快速上手教程。开发时基于 webpack 构建,支持热更新。
我得先会 Vue.js 才能用它吗?是的——它的目标就是完整的 Vue.js 开发体验,所以 Vue 功底是前提。复杂应用的状态管理可以用 Vuex,npm 依赖也是支持的。
老的 1.x 分支还能放心用吗?可以——不升级的项目可以继续留在 1.x,这条线仍在 1.4.x 版本上维护。只是要注意 README 上最新公告的日期是 2019-02-14,建议看看近期的更新动态。
它能覆盖哪些小程序平台?开箱即支持微信;mpvue 2.0 正式加入了对百度智能小程序、头条小程序和支付宝小程序的支持,用 mpvue-quickstart 模板创建的项目默认就是 2.0。
能把已有的 H5 网页应用转成小程序吗?可以——在直接编写 Vue 组件之外,把 H5 代码编译成小程序目标代码正是它的主打功能之一。
这个框架自带哪些工具?生态里有 mpvue-loader(一个 webpack loader)、mpvue-webpack-target,以及用于样式转换的 postcss-mpvue-wxss 和 px2rpx-loader,还有 mpvue-quickstart 项目模板,以及能快速搭建 Page 和 Component 级别页面的 mpvue-simple。
mpvue 这个名字是怎么来的?mp 是 mini program(小程序)的缩写,所以 mpvue 的意思就是“小程序里的 Vue.js”。
What are similar projects?wepy, vue, taro, vux, vant-weapp, mdx, vConsole, vue2-manage
Size
8.2 MB
Stars
20.2K
Age
8y
Commits · 90 Days