wepy-小程序开发框架学习（二）

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/u010263035/article/details/80402239

上一篇我们开始了一个最简单的小程序模板，下面我们来了解一下wepy的代码

.wpy文件分为三部分

style：编译后对应的小程序的样式文件.wxss

template:编译后对应的小程序模板文件.wxml

script:分为两部分，config部分编译后对应小程序的.json文件，其他的都是逻辑交互部分，编译后对应小程序的.js文件

小程序的入口文件为app.wpy，入口文件app.wpy中所声明的小程序实例继承自wepy.app类

 

小程序的页面文件继承自page.wpy类

小程序组件文件继承自wepy.component类

app实例

import wepy from 'wepy';

export default class MyAPP extends wepy.app {
    customData = {};

    customFunction ()　{ }

    onLaunch () {}

    onShow () {}

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

    globalData = {} //小程序的全局变量，页面可以通过this.wx
}

在app里定义内容可以通过this.$parent，比如app里定义的globalData,在页面中可以用this.$parent.globalData来访问