1.wxs的应用场景
wxml无法调用.js的函数，但可以调用wxs中定义的函数。因此小程序中wxs的典型应用场景是“过滤器”
2.wxs与JavaScript的关系
3.wxs基础语法
3.1内联：wxs代码可以编写在wxml文件中的<wxs>标签内
wxml文件中的<wxs></wxs>标签，必须提供module属性，用来指定当前wxs模块的名称，方便在wxml中访问模块中的成员
//在data中设置username属性 <view>{
{m1.toUpper(username)}}</view> <wxs module="m1"> module.exports.toUpper = function(str){ return str.toUpperCase() } </wxs>3.2外联
与pages文件夹同级下的utils创建tools.wxs文件 <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特点
- 在wxs中定义的函数，不能作为组件的事件回调函数
//错误示范 <button bindtap='m2.toLower'>按钮</button>- 隔离性（运行环境与JavaScript隔离） wxs不能调用js定义的函数、也不能调用小程序提供的API
- 性能好：ios设备（wxs快于JavaScript2-20倍），安卓设备（两者无差异）
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/bian-cheng-ji-chu/81141.html