怎么使用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”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！