脚本部分介绍

小程序入口app.wpy

  1. <script>
  2. import wepy from 'wepy';
  3. export default class extends wepy.app {
  4.     config = {
  5.         "pages":[
  6.             "pages/index/index"
  7.         ],
  8.         "window":{
  9.             "backgroundTextStyle": "light",
  10.             "navigationBarBackgroundColor": "#fff",
  11.             "navigationBarTitleText": "WeChat",
  12.             "navigationBarTextStyle": "black"
  13.         }
  14.     };
  15.     onLaunch() {
  16.         console.log(this);
  17.     }
  18. }
  19. </script>
  21. <style lang="less">
  22. /** less **/
  23. </style>

入口文件app.wpy中所声明的小程序实例继承自wepy.app类，包含一个config属性和其它全局属性、方法、事件。其中config属性对应原生的app.json文件，build编译时会根据config属性自动生成app.json文件，如果需要修改config中的内容，请使用微信提供的相关API。

页面page.wpy

  1. <script>
  2. import wepy from 'wepy';
  3. import Counter from '../components/counter';
  5. export default class Page extends wepy.page {
  6.     config = {};
  7.     components = {counter1: Counter};
  9.     data = {};
  10.     methods = {};
  12.     events = {};
  13.     onLoad() {};
  14.     // Other properties
  15. }
  16. </script>
  18. <template lang="wxml">
  19.     <view>
  20.     </view>
  21.     <counter1></counter1>
  22. </template>
  24. <style lang="less">
  25. /** less **/
  26. </style>

页面文件page.wpy中所声明的页面实例继承自wepy.page类，该类的主要属性介绍如下：

属性 说明
config 页面配置对象，对应于原生的page.json文件，类似于app.wpy中的config
components 页面组件列表对象，声明页面所引入的组件列表
data 页面渲染数据对象，存放可用于页面模板绑定的渲染数据
methods wxml事件处理函数对象，存放响应wxml中所捕获到的事件的函数，如bindtap、bindchange
events WePY组件事件处理函数对象，存放响应组件之间通过$broadcast、$emit、$invoke所传递的事件的函数
其它 小程序页面生命周期函数，如onLoad、onReady等，以及其它自定义的方法与属性

组件com.wpy

  1. <template lang="wxml">
  2.     <view>  </view>
  3. </template>
  5. <script>
  6. import wepy from 'wepy';
  7. export default class Com extends wepy.component {
  8.     components = {};
  10.     data = {};
  11.     methods = {};
  13.     events = {};
  14.     // Other properties
  15. }
  16. </script>
  18. <style lang="less">
  19. /** less **/
  20. </style>

组件文件com.wpy中所声明的组件实例继承自wepy.component类，除了不需要config配置以及页面特有的一些生命周期函数之外，其属性与页面属性大致相同。