" filename | strip-ext " 这是什么写法？

[watanuki]

看到别人写的一个 .vue 文件里有这样一行代码：
<div class="filename">{{ item.name | strip-ext }}</div>
效果是去除文件名中的文件扩展名后缀（"新建文本文档.txt" -> "新建文本文档"）

原来的项目没有用 eslint 和 prettier，在我启用了 eslint 和 prettier 后，上面的代码被编辑器自动格式化成下面这样：
<div class="filename">{{ item.name | (strip - ext) }}</div>
然后 eslint 报错说找不到 strip 和 ext 这两个变量

所以我就在想两个问题：
1. " filename | strip-ext " 这到底是个什么写法，是不是不太正规？
2. 去除文件名中的文件扩展名应该用什么方法比较正规？

[calmzhu]

这个是过滤器。一些情况下非常好用

https://cn.vuejs.org/v2/guide/filters.html

[watanuki]

@calmzhu #1 感谢回复。以前没有用过 vue 的过滤器，看起来确实很方便。

[jeremaihloo]

使用 vue3.0 的 cli 的 create 命令创建的项目，应该 eslint 都配置好不会报错的了吧

[ChanKc]

这个功能 vue3.0 不会再支持，我个人感觉看着也是不伦不类，不建议用

[rizon]

我一个 java 开发都只是过滤器 狗头.jpg

[azcvcza]

宁愿写 watch 来计算或者 computed

[marcong95]

过滤器不也是个 js 函数么，用 hyphen 定义显然是有点问题的，{{ item.name | stripExt }}应该就挺正常了

至于楼上说得 3.0 支不支持，这个到时候再说也行，毕竟现在还没 deprecated

[watanuki]

@marcong95 #7 确实，坑就坑在他的过滤器命名没有遵循驼峰命名，使 prettier 误会成两个变量相减。

[zhuweiyou]

@watanuki 噗。。。