146 - 修炼 - 小程序的知识点15

你好呀，上上周我们聊完了JS，这周我们来聊聊WXS。

首先纠正一个概念，上上周讲到的JS，就是一般前端开发中使用到的JS。它只是前端的一门脚本语言，并不是什么小程序中的JS。小程序中要使用到的脚本语言是我们今天要聊的WXS。

WXS是小程序的一套脚本语言，全称为WeiXin Script。可以看做是根据小程序运行环境进行改良的一种JS，它有7大部分组成，分别是：模块、变量、注释、运算符、语句、数据类型、基础类库。

WXS一般放在WXML文件中的<wxs>标签内，或者放在.wxs为后缀的文件内。

聊完了它是什么，接下来就到了使用环节，WXS该如何使用呢？

在页面中，需要添加<wxs>标签，具体如下：

<!-- wxml -->
<wxs module="m1">
  var msg = "hello world";
  <!-- 需要使用以下方法进行暴露，这样外部才能进行调用 -->
  module.exports.message = msg;
</wxs>
  
<!-- 通过组件展示 -->
<view>{{m1.message}}</view>

我一开始看到 module.exports.message = msg; 这句话，不太理解。这是一种新的调用方式。module.export 是一种固定的写法，表明将该数据暴露给组件。message是组件的变量名，msg是组件的内容。最后再在具体的组件中，比如<view>，使用 {{m1(组件名).message(变量名)}} 使用相关的数据。

以上就是这次想要和你分享的内容，这里是怀英的小茶馆，有空来坐坐。