Javascript 在Vue单文件组件中启用管道操作符的最简单方法

在Vue单文件组件中启用管道操作符的最简单方法是什么，包括在

和

中

例如：

{{金额|>货币}
const currencyFormatter=新的Intl.NumberFormat（“en-US”{
最小分数位数：2，
最大分数位数：2，
});
//虽然它们看起来像同一个符号，但事实并非如此
常量连字符减号=“-”；
常量减号=”−";
函数减号（值）{
返回字符串（值）.replace（连字符减号，减号）；
}
导出默认值{
数据：\=>({
金额：-15395.94，
}),
方法：{
货币：价值=>价值
|>currencyFormatter.format
|>连字符减号
,
},
};

注意：我想使用Vue CLI，而不是直接使用webpack配置

注意：我不想使用。Vue的未来版本中有一个新版本，我希望为这个功能试用“标准”JS语法

---

关于Babel中的管道操作符：。

管道操作符在Vue.js中称为过滤器

以下是这方面的文档：

在您的情况下，您可以使用以下代码：

<template>
  <span>
    {{ 15 | double }}
  </span>
</template>

<script>
  export default {
    methods: {
      double: value => value * 2,
    }
  };
</script>

{{15 | double}
导出默认值{
方法：{
double:value=>value*2，
}
};

我的问题不清楚，这是我的错。我更新了问题，说我不想使用Vue过滤器，因为（1）有人说要在未来版本的Vue中删除过滤器，以及（2）我也想在块中使用管道操作符。