原生小程序和 mpvue对比(开发前)

偏执的太偏执、 2022-02-15 07:13 236阅读 0赞

> **小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大佬公司都在使用。**

### **一.介绍** ###

原生小程序：利用微信官方给出的框架,组件,API开发的小程序。

mpVue ：利用Vue.js前端框架开发的小程序。

**二.使用规范**

![Image 1][]

**三.目录结构**

![Image 1][]

**四.开发方式**

**原生小程序开发**：

开发者需要熟悉小程序的抒写格式，目前版本模板中支持 slot，但是不支持 [npm][] 包。原生不支持 css 预处理器，但是 vsCode 中 Easy WXLESS 插件可以将 less 文件自动转换为 wxss 文件；

**mpvue**  
开发者需要熟悉 vue ，目前版本（v1.0.5）不支持 slot ，支持 npm 包，支持 css 预处理器；

**五.页面生命周期**

**原生小程序**：

onLaunch():小程序初始化完成

![Image 1][]

image

**mpvue生命周期如下图:**

created() \{ \},

mounted() \{ \},

![Image 1][]

image

**六.开发特性**

![Image 1][]

**七.选择开发方式**

1\. 新项目开发，最好选择较简单的原生小程序开发。
    
      2\. 有 Vue.js基础，未了解小程序开发的选择 第三方框架mpvue较为简单。
    
      3.是 vue 开发老的 h5 项目需要开发小程序的，最佳选择mpvue.

在此只是对原生小程序和mpVue框架在开发前简单的对比，具体使用请参考：

[原生开发小程序文档][Link 1]

[mpvue官网说明][mpvue]

作者：honey缘木鱼  
链接：https://www.jianshu.com/p/1e4fa252cd81

[Fundebug]: https://www.fundebug.com/
[Image 1]: 
[npm]: https://www.baidu.com/s?wd=npm&tn=24004469_oem_dg&rsv_dl=gh_pl_sl_csd
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/
[mpvue]: http://mpvue.com/

发表评论取消回复

表情：

评论列表（有 0 条评论，236人围观）

还没有评论，来说两句吧...

相关阅读

相关 mpvue框架开发小程序

mpvue 是一个使用 Vue.js 开发小程序的前端框架使用 `mpvue` 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：彻底的组件化开发能力：

以你之姓@/ 2023年02月26日 04:21/ 0 赞/ 18 阅读

相关 mpvue小程序开发（八）：项目开发

嗯，前面把各种配置啊，结构啊都看了，【[点击查看][Link 1]】现在我们要正式开发一个小程序了，今天我们打算开发一款考试的小程序 start…… 一：样式引入在sr

喜欢ヅ旅行/ 2022年10月02日 14:49/ 0 赞/ 300 阅读

相关 mpvue小程序开发（七）：原生结构

前面我们梳理了mpvue的各种开发结构，mpvue会编译生成满足微信小程序的原生代码，为了更熟更了解，我们还是需要看一看的，接下来就让我们一探究竟 ![20190619101

女爷i/ 2022年10月02日 12:58/ 0 赞/ 191 阅读

相关原生开发小程序和 wepy 、 mpvue 对比

三者的开发文档以及介绍：原生开发小程序文档：[点此进入][Link 1] wepy 开发文档：[点此进入][Link 2] mpvue 开发文档：[点此进入

秒速五厘米/ 2022年05月25日 06:36/ 0 赞/ 236 阅读

相关小程序开发框架WePY和mpvue使用感受

今天想和小伙伴聊聊小程序开发框架的问题。种种原因，去年年末接触到了小程序，使用mpvue做了两个项目，也使用WePY做了一个项目，关于这两个框架的恩恩怨怨，我觉得我有资格

Love The Way You Lie/ 2022年03月10日 12:12/ 0 赞/ 534 阅读

相关使用mpvue开发小程序教程（二）

[在上一篇文章中][Link 1]，我们介绍了使用mpvue开发小程序所需要的一些开发环境的搭建，并创建了第一个mpvue小程序代码骨架并将其运行起来。在本文中，我们来研究熟悉

太过爱你忘了你带给我的痛/ 2022年03月01日 09:14/ 0 赞/ 371 阅读

相关原生小程序和 mpvue对比(开发前)

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

偏执的太偏执、/ 2022年02月15日 07:13/ 0 赞/ 237 阅读

相关 mpvue--开发微信小程序

官方文档：[http://mpvue.com/][http_mpvue.com] 常见问题先去仓库看看：[https://github.com/Meituan-Dianpi

落日映苍穹つ/ 2022年01月22日 11:07/ 0 赞/ 407 阅读

相关 mpvue小程序开发（二）：小试牛刀

前面我们把[小程序搭建改][Link 1]成搞了一遍，现在我们写个简单的小程序看下效果我们从官网下载微信web开发者工具，然后打开软件 ![watermark_typ

心已赠人/ 2022年01月14日 03:45/ 0 赞/ 373 阅读

相关 mpvue开发小程序

![image.png][] ![image.png][image.png 1] ![image.png][image.png 2] ![image.png][image

偏执的太偏执、/ 2021年09月29日 10:06/ 0 赞/ 510 阅读