微信小程序wepy框架学习-页面和组件的写法

1、小程序入口app继承wepy.app:

import wepy from 'wepy';
export default App extends wepy.app {
  customData = {};

  customFunction ()　{ }

  onLaunch () {}

  onShow () {}

  config = {}  // 对应 app.json 文件

  globalData = {}
}

2、页面page继承wepy.page:

import wepy from 'wepy';
export default class Index extends wepy.page {
  customData = {}  // 自定义数据

  customFunction ()　{}  //自定义方法

  onLoad () {}  // 在Page和Component共用的生命周期函数

  onShow () {}  // 只在Page中存在的页面生命周期函数

  config = {};  // 只在Page实例中存在的配置数据，对应于原生的page.json文件

  data = {};  // 页面所需数据均需在这里声明，可用于模板数据绑定

  components = {};  // 声明页面中所引用的组件，或声明组件中所引用的子组件

  mixins = [];  // 声明页面所引用的Mixin实例

  computed = {};  // 声明计算属性（详见后文介绍）

  watch = {};  // 声明数据watcher（详见后文介绍）

  methods = {};  // 声明页面wxml中标签的事件处理函数。注意，此处只用于声明页面wxml中标签的bind、catch事件，自定义方法需以自定义方法的方式声明

  events = {};  // 声明组件之间的事件处理函数
}

3、组件继承wepy.component:

import wepy from 'wepy';
export default class Com extends wepy.component {
   customData = {}  // 自定义数据

  customFunction ()　{}  //自定义方法

  onLoad () {}  // 在Page和Component共用的生命周期函数

  onShow () {}  // 只在Page中存在的页面生命周期函数

  props = {};  // 只从父组件传递下来的数据

  data = {};  // 页面所需数据均需在这里声明，可用于模板数据绑定

  components = {};  // 声明页面中所引用的组件，或声明组件中所引用的子组件

  mixins = [];  // 声明页面所引用的Mixin实例

  computed = {};  // 声明计算属性（详见后文介绍）

  watch = {};  // 声明数据watcher（详见后文介绍）

  methods = {};  // 声明页面wxml中标签的事件处理函数。注意，此处只用于声明页面wxml中标签的bind、catch事件，自定义方法需以自定义方法的方式声明

  events = {};  // 声明组件之间的事件处理函数
}

4、mixin继承wepy.mixin:

import wepy from 'wepy';
export default class Min extends wepy.mixin {
  customData = {}  // 自定义数据

  customFunction ()　{}  //自定义方法

  onLoad () {}  // 在Page和Component共用的生命周期函数

  onShow () {}  // 只在Page中存在的页面生命周期函数

  data = {};  // 页面所需数据均需在这里声明，可用于模板数据绑定

  methods = {};  // 声明页面wxml中标签的事件处理函数。注意，此处只用于声明页面wxml中标签的bind、catch事件，自定义方法需以自定义方法的方式声明
}