在上一章当中,我们将 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="模块名称"/>
的方式进行导入使用。