mpvue

基于 Vue.js 的小程序开发框架
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发、 微信小程序
软件类型 开源软件
地区 国产
投 递 者 端木宏才
操作系统 跨平台
开源组织 大众点评
适用人群 未知
 软件概览

mpvue 是美团点评开源的一个使用 Vue.js 开发小程序的前端框架。框架基于 Vue.js 核心,mpvue 修改了 Vue.js 的 runtime 和 compiler 实现,使其可以运行在小程序环境中,从而为小程序开发引入了整套 Vue.js 开发体验。

实践案例

美团旗下小程序:美团汽车票 和 美团充电,此外,正有一大批小程序正在接入中。

名称由来

  • mp:mini program 的缩写

  • mpvue:Vue.js in mini program

主要特性

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

  • 彻底的组件化开发能力:提高代码

  • 完整的 Vue.js 开发体验

  • 方便的 Vuex 数据管理方案:方便构建复杂应用

  • 快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload

  • 支持使用 npm 外部依赖

  • 使用 Vue.js 命令行工具 vue-cli 快速初始化项目

  • H5 代码转换编译成小程序目标代码的能力

  • mpvue是一个使用 Vue.js 开发小程序的前端框架。 一、主要特性: 彻底的组件化开发能力:提高代码复用性 完整的 Vue.js 开发体验 方便的 Vuex 数据管理方案:方便构建复杂应用 快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload 支持使用 npm 外部依赖 使用 Vue.js 命令行工具 vue-cli 快速初始化项目 H5 代码转换编译成小程序目标代

  • Mpvue是什么? Mpvue是一个基于Vue的微信小程序前端框架,可以让我们用vue的语法写小程序的项目。简单来说就是,以前我们写微信小程序,必须借助微信小程序的开发者工具,微信开发工具提供的语法才能写小程序,Mpvue的出现,让我们可以先使用vue写好项目,然后利用Mpvue把我们写好的项目打包成小程序。 mpvue是一个使用vue.js开发小程序的前端框架,该框架基于vue.js核心,mpv

  • mpvue是一个使用 Vue.js 开发小程序的前端框架。 一、主要特性: 彻底的组件化开发能力:提高代码复用性 完整的 Vue.js 开发体验 方便的 Vuex 数据管理方案:方便构建复杂应用 快捷的 webpack 构建机制:自定义构建策略、开发阶段 hotReload 支持使用 npm 外部依赖 使用 Vue.js 命令行工具 vue-cli 快速初始化项目 H5 代码转换编译成小程序目标代

  •  http://mpvue.com/mpvue/

  • mpvue 是一款使用 Vue.js 开发微信小程序的前端框架。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。 1、全局安装cli npm install –global vue-cli 2、创建一个基于 mpvue-quickstart 模板的新项目 vue init mpvue/mpvue-quickstart my-project 3、安

  • 1.参考git:https://github.com/F-loat/mpvue-wxParse 2.安装 npm i mpvue-wxparse 3.使用 <template> <div> <wxParse :content="article" @preview="preview" @navigate="navigate" /> </div> </template> <scrip

  • 在mpvue中开发小程序中,mpvue官方出了一套适用于mpvue使用的eecharts,叫mpvue-echarts; 值得一提的是,原生小程序使用的是echarts-for-weixin,具体地址如下: https://github.com/ecomfe/echarts-for-weixin 1.mpvue-echarts的github地址 https://github.com/F-loat/

  •    1、页面跳转,注意是普通跳转navigateTo还是底部导航跳转 switchTab starQuestion(){ const url = '../subject/main' // switchTab navigateTo wx. switchTab({ url }) }, 2、变量 图片 文字 引入组件 < img :src=" item. ad_url" alt= "" > < toa

 相关资料
  • mpVue 小程序框架 SDK 接入mpVue小程序框架需要「微信授权」和「集成SDK」。 微信小程序授权 登录「诸葛io分析平台」后,进入「数据接入」-「微信小程序」开始微信小程序授权,点击「开始授权」,进入「微信授权」页面进行授权。 注: 微信小程序授权必须是企业号(已发布并审核通过),个人号不能授权。 授权后,会自动采集小程序头像、小程序名称、AppID(小程序ID)等小程序信息;在已授权列

  • 本文向大家介绍基于mpvue的小程序项目搭建的步骤,包括了基于mpvue的小程序项目搭建的步骤的使用技巧和注意事项,需要的朋友参考一下 前言 mpvue 是美团开源的一套语法与vue.js一致的、快速开发小程序的前端框架,按官网说可以达到小程序与H5界面使用一套代码。使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力。如果想将 H5 项目改造为小程序

  • mpVue 插件版小程序框架 SDK 接入mpVue插件版小程序框架需要「微信授权」和「集成SDK」。 微信小程序授权 登录「诸葛io分析平台」后,进入「数据接入」-「微信小程序」开始微信小程序授权,点击「开始授权」,进入「微信授权」页面进行授权。 注: 微信小程序授权必须是企业号(已发布并审核通过),个人号不能授权。 授权后,会自动采集小程序头像、小程序名称、AppID(小程序ID)等小程序信息

  • 本文向大家介绍mpvue开发音频类小程序踩坑和建议详解,包括了mpvue开发音频类小程序踩坑和建议详解的使用技巧和注意事项,需要的朋友参考一下 这是我第一次开发小程序,开发的产品是音频类的,在大佬的建议下采用了 mpvue ,一周时间把功能都做出来,由于不太熟悉mpvue和微信小程序,足足用了一周时间来改bug才出来一个能用的版本,在这里整理分享下我开发时遇到的一些问题和给出一些建议。 在 Lin

  • 更改历史 * 2018-11-12 胡小根 初始化文档 1 历史、现状和发展 1.1 历史 1.2 现状 1.3 发展 难点:预测发展方向。 2 安装和使用 2.1 安装 2.2 使用 2.3 示例 2.4 最佳实践 难点:最佳实践,超出于示例,应该归纳总结出积累的技巧。 3 同类技术对比 难点:归纳比对项 4 重要项目 mpvue 参考资料 Weex官方文档 xxx博客 xxx类

  • Megalo 是基于 Vue(Vue@2.5.16) 的小程序开发框架,让开发者可以用 Vue 的开发方式开发小程序应用。Megalo 是为了跨 H5 和小程序两端的应用提供一个高效的解决方案,只需要少量改动即可完成 H5 和小程序之间的代码迁移。

  • 本文向大家介绍微信小程序第三方框架对比 之 wepy / mpvue / taro,包括了微信小程序第三方框架对比 之 wepy / mpvue / taro的使用技巧和注意事项,需要的朋友参考一下 众所周知如今市面上端的形态多种多样,手机Web、ReactNative、微信小程序, 支付宝小程序, 快应用等,每一端都是巨大的流量入口,当业务要求同时在不同的端都要求有所表现的时候,针对不同的端去编

  • 本文向大家介绍微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤,包括了微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤的使用技巧和注意事项,需要的朋友参考一下 本文介绍了微信小程序搭建(mpvue+mpvue-weui+fly.js)的详细步骤,分享给大家,具体如下: 微信小程序框架:mpvue ui框架:mpvue-weui request请求