Applets: WSX scripts

1.wxs Application scenarios of

wxml Unable to call .js Function of , But you can call wxs The function defined in . So in the applet wxs The typical application scenario is “ filter ”

2.wxs And JavaScript The relationship between

 3.wxs Basic grammar

3.1 inline ：wxs The code can be written in wxml In the document <wxs> tag

wxml In the document <wxs></wxs> label , You must provide module attribute , Used to specify the current wxs Module name , Convenient in wxml Access the members in the module

// stay data Set in username attribute 
<view>{
   {m1.toUpper(username)}}</view>
<wxs module="m1">
    module.exports.toUpper = function(str){
        return str.toUpperCase()
    }
</wxs>

3.2 Outreach

 And pages Folder under the same level utils establish tools.wxs file 
<view>{
   {m2.toLower(country)}}</view>
<wxs src="../../utils/tools.wxs" module="m2"></wxs>

//tools.wxs
function toLower(str){
    return str.toLowerCase()
}
module.exports = {
    toLower:toLower
}

4.wxs characteristic

• stay wxs The function defined in , Cannot be used as an event callback function of a component

// Error model 
<button bindtap='m2.toLower'> Button </button>

• Isolation, （ The running environment and JavaScript Isolation ） wxs Cannot call js Defined function 、 You can't call what the applet provides API
• Good performance ：ios equipment （wxs Faster than JavaScript2-20 times ）, Android devices （ There is no difference between the two ）