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

一.介绍

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

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

二.使用规范

 

三.目录结构

原生小程序：                                                                        mpvue框架:

 

       

  

 

 

 

四.开发方式

原生小程序开发：

 

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

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

 

五.页面生命周期

原生小程序：

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

 

mpvue生命周期如下图:

created() { }, 

mounted() { },  

六.开发特性

 

七.选择开发方式

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

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

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

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

原生开发小程序文档

mpvue官网说明