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來訪問