在 WXML 中使用 JS 代码

{{}} 里面可以写任何的 JS 表达式，（一定是表达式，例如定义函数等都不属于表达式）。例如，下面是在 wxml 中使用 JS 表达式：

<view class="price text-red text-lg">
  {{ Math.floor((data.price * data.discount) * 100) / 100) }}
</view>

如果定义了一个函数，在列表渲染的时候计算一些值，这样的表达式很长，而且需要返回一个最终计算之后的值只能定义一个函数。

1️⃣ 创建 wxs 文件，定义函数，module.exports 导出函数：

var calculate = function (decimal) {
  return Math.floor(decimal * 100) / 100
}

module.exports.calculate = calculate

2️⃣ 在 wxml 文件中引入 wxs 文件：

<wxs src="./utils.wxs" module="utils" />

3️⃣ 在 wxml 中调用定义的函数：

<view class="price text-red text-lg">
  {{ utils.calculate(data.price * data.discount) }}
</view>