JavaScript/Vue/Vuetify是否有等效于Python格式规范迷你语言的工具？

1. 完全对齐Python格式语法的第三方库 #

• 首推 python-format-js，该库完全按照Python的Format Specification Mini-Language实现，你熟悉的Python格式化写法可以几乎零成本迁移到前端：

  import format from 'python-format-js'
  // 对应你给出的Python示例f"{1/9:.4f}"
  format("%.4f", 1/9) // 输出 '0.1111'
  // 也支持对齐、填充、进制转换、命名占位符等全量Python格式语法
  format("{:0>10d}", 123) // 输出 '0000000123'
  

• Vue项目可以直接封装为全局方法，在Vuetify组件中直接调用：

  // main.js中注册全局方法
  app.config.globalProperties.$fmt = format
  

  <!-- 模板内直接使用 -->
  <v-text-field :value="$fmt('{:.2f}', item.rawValue)" />
  

2. 无额外依赖的原生方案组合 #

如果不需要100%对齐Python语法，也可以用JS原生能力覆盖绝大多数格式化场景：

// 保留指定小数位
const num = 1/9
num.toFixed(4) // 输出 '0.1111'
// 千分位、货币、日期等格式化可以用标准Intl API
new Intl.NumberFormat('zh-CN', { style: 'currency', currency: 'CNY' }).format(1234.56)
// 输出 '¥1,234.56'

3. Vuetify内置格式化能力 #

Vuetify自带组件已经内置了格式化入口，比如数值输入组件v-number-field的format属性、日期组件v-date-picker的format属性，可以直接传入自定义格式化函数使用，无需额外处理。

内容的提问来源于stack exchange，提问作者Stefan_EOX