在原有的小程式的開發模式下進行再次封裝, 更貼近于現有MVVM框架開發模式。 框架在開發過程中參考了一些現在框架的一些特性, 並且融入其中, 以下是使用wepy前後的代碼對比圖。
//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');
};
}