在原有的小程序的开发模式下进行再次封装，更贴近于现有MVVM框架开发模式。框架在开发过程中参考了一些现在框架的一些特性，并且融入其中，以下是使用wepy前后的代码对比图。

官方DEMO代码：

//index.js

//获取应用实例

var app = getApp()

Page({

data: {

motto: 'Hello World',

userInfo: {}

},

//事件处理函数

bindViewTap: function() {

console.log('button clicked')

},

onLoad: function () {

console.log('onLoad')

}

})

基于wepy的实现：

import wepy from 'wepy';

export default class Index extends wepy.page {

data = {

motto: 'Hello World',

userInfo: {}

};

methods = {

bindViewTap () {

console.log('button clicked');

}

};

onLoad() {

console.log('onLoad');

};

}