微信小程序学习八 wxs

Posted 2020-11-26 你看得到我？

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>

场景

用户交互频繁、仅需改动组件样式（比如布局位置），无需改动数据内容的场景，比如侧滑菜单、索引列表、滚动渐变等、列表切换。

纯粹的逻辑计算，比如文本、日期格式化，