微信小程序

Page({
    data: {
        id: 1001,
        message: "Hello MINA!",
        array: ["zero", "one", "two", "three", "four"],
        view: "MINA",
        staffA: { firstName: "Hulk", lastName: "Hu" },
        staffB: { firstName: "Shang", lastName: "You" },
        staffC: { firstName: "Gideon", lastName: "Lin" },
    },
    viewTap() {
        console.log("view tap");
    }
});

// app.js
App({
     // 自定义全局数据
    globalData: "全局数据",
    // 自定义全局方法
    globalMethod() {
        console.log(this.globalData);
    },
    // 小程序初始化事件
    onLaunch(options) {},
    // 小程序启动或切前台事件
    onShow(options) {},
    // 小程序切后台事件
    onHide() {},
    // 错误事件
    onError(error) {},
    // 页面不存在事件
    onPageNotFound(options) {},
    // 未处理的 Promise 拒绝事件
    onUnhandledRejection() {},
    // 监听系统主题变化事件
    onThemeChange(options) {},
});

// 在 page.js 中获取全局对象
const app = getApp();
// 获取自定义的全局数据和方法
console.log(app.globalData);
app.globalMethod();

// page.js
Page({
    onShow() {
        // 获取当前页面栈。数组中第一个元素为首页，最后一个元素为当前页面
        const pages = getCurrentPages();
        console.log(pages[pages.length - 1] == this);
    },
});

// page.js
Page({
    // 页面视图数据
    data: {
        message: "文本",
    },
    // 自定义页面普通数据
    customData: "页面普通数据",
    // 自定义页面方法
    customMethod() {
        // 获取普通数据
        console.log(this.customData);
        // 获取视图数据
        console.log(this.data.message);
    },
    // 页面的组件选项
    options: {},
    // 类似于mixins和traits的组件间代码复用机制
    behaviors: [],
    // 页面加载完成事件
    onLoad() {},
    // 页面显示事件
    onShow() {},
    // 页面初次渲染完成事件
    onReady() {},
    // 页面隐藏事件
    onHide() {},
    // 页面卸载事件
    onUnload() {},
    // 路由动画完成事件
    onRouteDone() {},
    // 页面下拉事件
    onPullDownRefresh() {},
    // 页面上拉触底事件
    onReachBottom() {},
    // 用户点击右上角转发事件
    onShareAppMessage() {},
    // 用户点击右上角转发到朋友圈事件
    onShareTimeline() {},
    // 用户点击右上角收藏事件
    onAddToFavorites() {},
    // 页面滚动事件
    onPageScroll() {},
    // 页面尺寸变化事件
    onResize() {},
    // 当前是 tab 页时，点击 tab 事件
    onTabItemTap(item) {},
    // 页面销毁前事件
    onSaveExitState() {},
});

// page.js
Page({
    // 页面视图数据
    data: {
        message: "文本",
        list: [{ name: "张三" }, { name: "李四" }],
        object: {
      		text: 'init data'
    	}
    },
    customMethod() {
        // 修改视图数据，并发送到视图层
        this.setData({
            message: "changed data",
        }, () => {
            // 界面更新渲染完毕后的回调函数
        });
        // 直接修改数组中某个元素
        this.setData({
      		"list[0].name": "王五"
    	});
        // 直接修改对象中某个属性
        this.setData({
      		"object.text": "changed data"
    	});
        // 添加一个新数据
        this.setData({
      		"newField.text": "new data"
    	});
    },
});

// page.js
Page({
    customMethod() {
        // 获取当前路由：pages/home/home
        console.log(this.route);
    },
});

// page.js
Page({
    customMethod() {
        // 跳转到 tabBar 页面（在 app.json 的 tabBar 字段定义的页面），
        // 并关闭其他所有非 tabBar 页面
        this.router.switchTab({
  			url: "/index",
            // 成功回调
            success() {},
            // 失败回调
            fail() {},
            // 结束回调（成功，失败都会执行）
            complete() {},
		});
        
        // 关闭所有页面，打开到应用内的某个页面
        this.router.reLaunch({
            url: "/index",
            success() {},
            fail() {},
            complete() {},
        });
        
        // 关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面
        this.router.redirectTo({
            url: "/index",
            success() {},
            fail() {},
            complete() {},
        });
        
        // 保留当前页面A，跳转到应用内的某个页面B。但是不能跳到 tabbar 页面。
        // 使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。
        this.router.navigateTo({
            url: "/pages/blank/blank",
            events:{
                // 监听页面B传来的事件
                bEvent(data) {
                    console.log(data);
                }
            },
            success(res) {
            	// 向页面B发送事件
            	res.eventChannel.emit('aEvent', { message: '来自页面B的数据' })
        	},
            fail() {},
            complete() {},
        });
        
        // 关闭当前页面，返回上一页面或多级页面
        this.router.navigateBack({
            // 返回的页面数，如果 delta 大于现有页面数，则返回到首页，默认1
            delta: 1,
            success() {},
            fail() {},
            complete() {},
        });
    },
});

// page.js
Page({
    // 当前页面B被页面A通过 navigateTo 方法打开
	onLoad() {
        // 获取通信通道对象
        const eventChannel = this.getOpenerEventChannel();
        // 向页面A发送事件
        eventChannel.emit("bEvent", { message: "来自页面B的数据" });
        
        let handle = function (data) {
            console.log(data);
        };
        // 监听页面A传来的事件
        eventChannel.on("aEvent", handle);
        // 只监听一次
        eventChannel.once("aEvent", handle);
        // 取消监听
        eventChannel.off("aEvent", handle);
    },
})

module.exports = Behavior({
    behaviors: [],
    properties: {
        myBehaviorProperty: {
            type: String,
        },
    },
    data: {
        myBehaviorData: {},
    },
    attached: function () {},
    methods: {
        myBehaviorMethod: function () {},
    },
});

// 导入
var other = require("other.wxs");
// 导出
module.exports.other = other;
module.exports.self = "Home";

module.exports = "Other";