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

一.介绍

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

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

二.使用规范

三.目录结构

四.开发方式

原生小程序开发：

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

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

五.页面生命周期

原生小程序：

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

image

mpvue生命周期如下图:

created() { },

mounted() { },

image

六.开发特性

七.选择开发方式

 1\. 新项目开发，最好选择较简单的原生小程序开发。

  2\. 有 Vue.js基础，未了解小程序开发的选择 第三方框架mpvue较为简单。

  3.是 vue 开发老的 h5 项目需要开发小程序的，最佳选择mpvue.

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

原生开发小程序文档

mpvue官网说明