Page({
  data: {
    arr: [],
  },
  doIt() {
    this.setData({
      arr: [...this.data.arr, 1],
    });
  },
});

Page({
  data() {
    return {
      arr: [],
    };
  },
  doIt() {
    this.setData({
      arr: [1, 2, 3],
    });
  },
});

Page({
  data: {
    arr: [],
  },
  doIt() {
    this.data.arr.push(1); // 不要这么写！
    this.setData({
      arr: this.data.arr,
    });
  },
});

// API-DEMO page/API/share/share.js
Page({
  onShareAppMessage() {
    return {
      title: '分享 View 组件',
      desc: 'View 组件很通用',
      path: 'page/component/view/view',
    };
  },
});
// 从基础库 1.24.13、2.6.7 版本开始支持 async 写法
Page({
  onShareAppMessage() {
    return new Promise((resolve, reject) => {
      resolve({
        title: 'async',
        desc: 'View 组件很通用',
        path: 'page/component/view/view',
      });
    });
  },
});

Page({
  data: {
    canIUseShareButton: true,
  },
  setShareButtonSwitch() {
    this.setData({
      canIUseShareButton: my.canIUse('button.open-type.share'),
    });
  },
  onLoad() {
    this.setShareButtonSwitch();
  },
  onShareAppMessage() {
    return {
      title: '小程序示例',
      desc: '小程序官方示例Demo，展示已支持的接口能力及组件。',
      path: 'page/component/component-pages/view/view?param=123',
    };
  },
});

// 特征检测
my.canIUse('page.events.onBack');
Page({
  data: {
    text: 'This is page data.',
  },
  onLoad() {
    // 页面加载时触发
  },
  events: {
    onBack() {
      // 导航栏左侧返回按钮（以及 Android 系统返回键）被点击时触发
    },
    onKeyboardHeight(e) {
      // 键盘高度变化时触发
      console.log('键盘高度：', e.height);
    },
    onOptionMenuClick() {
      // 点击右上角菜单按钮触发
    },
    onPullDownRefresh(e) {
      // 页面下拉时触发。e.from的值是“code”表示startPullDownRefresh触发的事件；值是“manual”表示用户下拉触发的下拉事件
      console.log('触发下拉刷新的类型', e.from);
      my.stopPullDownRefresh();
    },
    onTitleClick() {
      // 点击标题触发
    },
    onTabItemTap(e) {
      // 点击非当前tabItem后触发
      // e.from是点击且切换tabItem后触发，值是“user”表示用户点击触发的事件；值是“api”表示switchTab触发的事件
      console.log('触发tab变化的类型', e.from);
      console.log('点击的tab对应页面的路径', e.pagePath);
      console.log('点击的tab的文字', e.text);
      console.log('点击的tab的索引', e.index);
    },
    beforeTabItemTap() {
      // 点击但切换tabItem前触发
    },
    onSelectedTabItemTap(e) {
      // 点击当前tabItem后触发
      console.log('点击的tab对应页面的路径', e.pagePath);
      console.log('点击的tab的文字', e.text);
      console.log('点击的tab的索引', e.index);
    },
    onResize(e) {
      // window尺寸改变时触发
      var { windowWidth, windowHeight } = e.size;
      console.log('改变后window的宽度', windowWidth);
      console.log('改变后window的高度', windowHeight);
    },
  },
});

Page({
  data: {
    text: 'test',
    array: [{ text: 'a' }],
    object: {
      text: 'blue',
    },
    name: 'taobao',
  },
  changeTitle() {
    // 错误！不要直接去修改 data 里的数据
    // this.data.text = 'changed data'
    // 正确
    this.setData({
      text: 'ha',
    });
  },
  changeArray() {
    // 可以直接使用数据路径来修改数据
    this.setData({
      'array[0].text': 'b',
    });
  },
  changePlanetColor() {
    this.setData({
      'object.text': 'red',
    });
  },
  addNewKey() {
    this.setData({
      'newField.text': 'c',
    });
  },
  changeName() {
    this.setData(
      {
        name: 'alipay',
      },
      () => {
        // 接受传递回调函数
        console.log(this); // this 当前页面实例
        this.setData({ name: this.data.name + ', ' + 'welcome!' });
      }
    );
  },
});

// pages/index/index.js
Page({
  data: {
    a: {
      b: [1, 2, 3, 4],
    },
  },
  onLoad() {
    this.$spliceData({ 'a.b': [1, 0, 5, 6] });
  },
});

// pages/index/index.js
Page({
  data: {
    counter: 0,
  },
  plus() {
    setTimeout(() => {
      this.$batchedUpdates(() => {
        this.setData({
          counter: this.data.counter + 1,
        });
        this.setData({
          counter: this.data.counter + 1,
        });
      });
    }, 200);
  },
});

my.canIUse('page.createSelectorQuery');

my.canIUse('page.createIntersectionObserver');

Page({
  onShow() {
    if (typeof this.getTabBar === 'function' && this.getTabBar()) {
      this.getTabBar().setData({
        selected: 0,
      });
    }
  },
});

Page({
  onShow() {
    // 对应 app.json 中配置的路径值
    console.log(this.route);
  },
});