wxs是微信创造的一种脚本语言,它有自己的语法,并不和javaScript一致,这是微信的官方对wxs的描述,但其实了解之后,你会这并不是一种新的语言,这只是一种被限制过的,运行在webview中的js,具体原因可以查看这篇文章。
它的语法还是和js的es5一致,const let声明都是不允许的,具体了解wxs语法
使用
在wxml上定义并使用
<!-- 在wxml定义 并使用 --> <wxs module="data"> //定义模块名 module.exports={ exp1:"抛出1" } </wxs> <view>//在此处使用 {{data.exp1}} </view>
引入外部wxs并使用
定义一个wxs文件,如果开发工具上没有这个选项,直接新建一个文件把后缀改成wxs即可
//index1.wxs var foo = "hello world from tools.wxs"; module.exports={ foo:foo }
在wxml上使用
<!-- module定义模块名 src指定wxs地址 只接受相对地址 -->
<wxs module="data" src="./index1.wxs"/> //引入外部wxs 只能定义单wxs闭合标签
<view>
{{data.exp1}}
</view>
场景
用户交互频繁、仅需改动组件样式(比如布局位置),无需改动数据内容的场景,比如侧滑菜单、索引列表、滚动渐变等、列表切换。
纯粹的逻辑计算,比如文本、日期格式化,