【 微信小程序 】WXS脚本

WXS脚本

特点

• 典型的应用场景就是过滤器
• 隔离性
  • wxs不能调用js中定义的函数
  • wxs不能调用小程序的API函数
• 性能较好 在IOS上 会比js快 安卓上 运行效率无差异

// xxx.wxml
<view>
   <text>内嵌WXS脚本</text>
    <view>
        {{one.toLower(inner)}}
    </view>
</view>

<wxs module="one">
        // 将字符串转换为小写
        module.exports.toLower = function(str){
            return str.toLowerCase()
        }
</wxs>

// xxx.js
Page({
	 data: {
        inner:"neiqian"
    },
})

外联

// xxx.wxml
<view>
    <text>内嵌WXS脚本</text>
    <view>
        {{two.toUpper(outer)}}
    </view>
</view>
// 引入 并设置module
<wxs src="../../utils/toUpperCase.wxs" module="two"></wxs>

// xxx.js
Page({
	data: {
        outer:"wailian"
    },
})