在原有的小程序的開(kāi)發(fā)模式下進(jìn)行再次封裝，更貼近于現(xiàn)有MVVM框架開(kāi)發(fā)模式?？蚣茉陂_(kāi)發(fā)過(guò)程中參考了一些現(xiàn)在框架的一些特性，并且融入其中，以下是使用wepy前后的代碼對(duì)比圖。

官方DEMO代碼：

//index.js
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
  data: {
    motto: 'Hello World',
    userInfo: {}
  },
  //事件處理函數(shù)
  bindViewTap: function() {
    console.log('button clicked')
  },
  onLoad: function () {
    console.log('onLoad')
  }
})

基于wepy的實(shí)現(xiàn)：

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');
    };
}