wepy - 与原生有什么不同（app.js和app.wpy比较)

app.js和app.wpy有什么不同呢？

答.app.wpy单文件包含了app.wxss\app.js\app.json\app.wxml

app.js

 App({

   /**
    * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
    */
   onLaunch: function () {

   },

   /**
    * 当小程序启动，或从后台进入前台显示，会触发 onShow
    */
   onShow: function (options) {

   },

   /**
    * 当小程序从前台进入后台，会触发 onHide
    */
   onHide: function () {

   },

   /**
    * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
    */
   onError: function (msg) {

   }
 })

app.wpy

 <style lang="less">
 @import './font/iconfont.less';
 page {
   height: 100%;
   background-color: #fff;
 }
 </style>

 <script>
 import wepy from 'wepy';
 import 'wepy-async-function';

 export default class extends wepy.app {
   config = {
     pages: [
       'pages/ep/ep',
       'pages/forexpress',
       'pages/bill/addone',
       'pages/plan',
       'pages/plan/clock',
       'pages/bill',
       'pages/me',
       'pages/me/about',
       'pages/me/planT',
       'pages/me/billT',
       'pages/index/index',
       'pages/expressJump/expressJump',
       'pages/share/share',
       'pages/me/edit',
       'pages/weather',
       'pages/historytoday',
       'pages/game/index',
       'pages/testYun/index'
     ],
     window: {
       backgroundTextStyle: 'light',
       navigationBarBackgroundColor: '#138cff',
       navigationBarTitleText: 'WeChat',
       navigationBarTextStyle: 'white',
       backgroundColor: '#138cff'
     },
     tabBar: {
       color: '#757982',
       selectedColor: '#138cff',
       borderStyle: 'white',
       backgroundColor: '#fff',
       list: [
         {
           pagePath: 'pages/plan',
           text: '计划',
           iconPath: 'images/tabbar/plan.png',
           selectedIconPath: 'images/tabbar/plan-on.png'
         },
         {
           pagePath: 'pages/bill',
           text: '账本',
           iconPath: 'images/tabbar/bill.png',
           selectedIconPath: 'images/tabbar/bill-on.png'
         },
         {
           pagePath: 'pages/forexpress',
           text: '快递',
           iconPath: 'images/tabbar/index.png',
           selectedIconPath: 'images/tabbar/index-on.png'
         },
         {
           pagePath: 'pages/weather',
           text: '天气',
           iconPath: 'images/tabbar/weather.png',
           selectedIconPath: 'images/tabbar/weather-on.png'
         },
         {
           pagePath: 'pages/me',
           text: '我的',
           iconPath: 'images/tabbar/me.png',
           selectedIconPath: 'images/tabbar/me-on.png'
         }
       ]
     }
   };

   globalData = {
     userInfo: null,
     info: {
       name: 11
     }
   };

   constructor() {
     super();
     this.use('requestfix');
     this.use('promisify');
   }

   onLaunch() {
     this.testAsync();
     Date.prototype.getWeek = function(days) {
       let week = [
         '星期天',
         '星期一',
         '星期二',
         '星期三',
         '星期四',
         '星期五',
         '星期六'
       ];
       return week[new Date(this).getDay()];
     };
   }

   sleep(s) {
     return new Promise((resolve, reject) => {
       setTimeout(() => {
         resolve('promise resolved....');
       }, s * 1000);
     });
   }

   async testAsync() {
     const data = await this.sleep(3);
     console.log('打印数据:', data);
   }

   getUserInfo(cb) {}
 }
 </script>