微信小程序-WXS独立文件

在上一章当中，我们将 WXS 的内容与 WXML 混合在一起了，这样就导致了我们后期的不利于维护，这里一期当中我来介绍一下，如何将 WXS 内容编写到一个单独的 WXS 文件进行存储，然后与 WXML 进行分离。

在页面文件夹当中新建 index.wxs 文件:

function formartData (count) {
  return count >= 1000 ? count / 1000 + 'k' : count;
}

module.exports.formartData = formartData;

将之前编写的 WXS 内容移动到该文件当中，然后更改 index.wxml 内容：

<wxs src='./index.wxs' module="tool"/>

<view>
  {{ tool.formartData(count) }}
</view>

通过 <wxs src='wxs文件地址' module="模块名称"/> 的方式进行导入使用。