Shulou(Shulou.com)06/02 Report--

This article mainly introduces "how to use WXPage". In daily operation, I believe many people have doubts about how to use WXPage. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful for you to answer the doubts about "how to use WXPage"! Next, please follow the editor to study!

WXPage is an extremely lightweight WeChat Mini Programs development framework, in which API contains "the idea of extreme page opening speed", designed for maintainability and development efficiency, the framework originated from "Tencent Video" Mini Program.

Lightweight WXPage use

Place dist/wxpage.js in your project directory, for example: "lib/wxpage.js". Use DEMO

Varwxpage=require ('. / wxpage')

Initialize the project using CLI:

Npminstallwxpage-cli-g

Wxpageinit

Class method

Constwxpage=require ('/ path/to/wxpage.js')

Wxpage.A (def)

Program definition method:

App.A ({

})

Wxpage (def)

Page definition method:

Page.P ({

})

Wxpage.C (def)

Component definition method:

Component.C ({

})

Wxpage.on (key,handler)

Listen for messages between APP and page

Wxpage.emit (key,message)

Listen for messages between APP and page

Wxpage.off (key,handler)

Unlisten for messages between APP and page

program

Define it in the entry file app.js of Mini Program

Lightweight WXPage program definition

Example:

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

A ({

Config: {

The route:'/pages/$page'//$page will be replaced with the page name

}

OnLaunch:function () {

}

OnShow:function () {

}

})

Program-life cycle

OnAwake (time)

Triggered when Mini Program is activated after entering background mode. Time is time-consuming.

Program-configuration

Configuration extended by wxpage

A ({

Config: {

/ * all configurations required by Wechat wxpage * /

}

})

At this point, the study on "how to use WXPage" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.