怎么使用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<Object>)

　　程序定义方法：

　　App.A({

　　});

　　•wxpage(def<Object>)

　　页面定义方法：

　　Page.P({

　　});

　　•wxpage.C(def<Object>)

　　组件定义方法：

　　Component.C({

　　});

　　•wxpage.on(key<String>,handler<Function>)

　　监听APP与页面间的消息

　　•wxpage.emit(key<String>,message<任意>)

　　监听APP与页面间的消息

　　•wxpage.off(key<String>,handler<Function>)

　　取消监听APP与页面间的消息

　　程序

　　在小程序的入口文件app.js里定义

　　轻量WXPage程序定义

　　示例：

　　const{A}=require('./wxpage')

　　A({

　　config:{

　　route:'/pages/$page'//$page会被替换成页面名

　　},

　　onLaunch:function(){

　　},

　　onShow:function(){

　　}

　　});

　　程序-生命周期

　　•onAwake(time<Number>)

　　小程序进入后台模式后再激活的时候触发。time是耗时。

　　程序-配置

　　wxpage所扩展的配置

　　A({

　　config:{

　　/*所有微信wxpage所需的配置*/

　　}

　　});

到此，关于“怎么使用WXPage”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！