脚本部分介绍

小程序入口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>
  20. <style lang="less">
  21. /** less **/
  22. </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';
  4. export default class Page extends wepy.page {
  5. config = {};
  6. components = {counter1: Counter};
  7. data = {};
  8. methods = {};
  9. events = {};
  10. onLoad() {};
  11. // Other properties
  12. }
  13. </script>
  14. <template lang="wxml">
  15. <view>
  16. </view>
  17. <counter1></counter1>
  18. </template>
  19. <style lang="less">
  20. /** less **/
  21. </style>

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

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

组件com.wpy

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

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