函数(工具函数/事件处理函数)

4 阅读1分钟

适合:点击事件、格式化函数、封装一段逻辑。

<script setup lang="ts">
const formatMoney = (n: number) => ${n.toFixed(2)}`

function onSave() {
  // 业务逻辑...
}
</script>

<template>
  <div>{{ formatMoney(12.3) }}</div>
  <button @click="onSave">保存</button>
</template>

说明:

  • 函数本身一般不会被“重新赋值”,所以很多人也会用 const fn = () => {}。
  • 事件处理器更常见的是 function onXxx(){},也完全 OK。