微信小程序学习八 wxs

标签：渐变   脚本语言   布局   XML   export   article   ports   查看   日期格式   

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>

场景

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

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

微信小程序学习八 wxs

标签：渐变   脚本语言   布局   XML   export   article   ports   查看   日期格式   

原文地址：https://www.cnblogs.com/wrhbk/p/12114817.html