怎么使用WXPage
这篇文章主要介绍"怎么使用WXPage"，在日常操作中，相信很多人在怎么使用WXPage问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答"怎么使用WXPage"的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
WXPage是一个极其轻量的微信小程序开发框架，其中的API蕴含了"极致页面打开速度的思想"，为可维护性与开发效率而设计的功能，框架起源于"腾讯视频"小程序。
轻量WXPage使用
将dist/wxpage.js放置到你的项目目录下，例如:"lib/wxpage.js"。使用DEMO
varwxpage=require('./wxpage')
使用CLI初始化项目：
npminstallwxpage-cli-g
wxpageinit
类方法
constwxpage=require('/path/to/wxpage.js');
•wxpage.A(def
程序定义方法：
App.A({
});
•wxpage(def
页面定义方法：
Page.P({
});
•wxpage.C(def
组件定义方法：
Component.C({
});
•wxpage.on(key
监听APP与页面间的消息
•wxpage.emit(key
监听APP与页面间的消息
•wxpage.off(key
取消监听APP与页面间的消息
程序
在小程序的入口文件app.js里定义
轻量WXPage程序定义
示例：
const{A}=require('./wxpage')
A({
config:{
route:'/pages/$page'//$page会被替换成页面名
},
onLaunch:function(){
},
onShow:function(){
}
});
程序-生命周期
•onAwake(time
小程序进入后台模式后再激活的时候触发。time是耗时。
程序-配置
wxpage所扩展的配置
A({
config:{
/*所有微信wxpage所需的配置*/
}
});
到此，关于"怎么使用WXPage"的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注网站，小编会继续努力为大家带来更多实用的文章！
