18910140161

如何使用 vue3 重写 vue2 中的 filter Chain

顺晟科技

2022-09-13 12:01:03

76

vue2中有下面这段代码


顺晟科技:

https://v3-migration.vuejs.org/breaking-changes/filters.html#_2-x-syntax

等 ES Pipe Operator 上线了就基本能回归 Vue 2 的写法了(甚至更灵活)。但这货目前还在 Stage 2,说不准什么时候能正式进入规范,也说不准能不能进入规范,甚至说不准进了规范后还是不是现在的样子。总之 Babel 插件已经有了,如果你愿意吃螃蟹可以试试

Pipe Operator 倒不是移除 Filter 的(主要)原因。Pipe Operator 在这里属于锦上添花,有更好,没有拉倒。

pipe.ts

还请答疑解惑,在此谢过!

感谢回答.既然如此, 作者为什么还是选择再vue3中移除filter呢? 在等 ES Pipe Operator? 过度期间让开发者怎么选择?

替代方案也如迁移指南所说,用普通的函数调用。

vue3升级后已经移除 (在 3.x 中,过滤器已移除,且不再支持)。官方推荐使用 Computed 代替 Filter, 这将失去 Filter 灵活多变。我尝试着使用Computed来替换上面的逻辑,发现代码臃肿 且重复代码较多(可能是没掌握到技巧)。在多个组件中需要编写相同逻辑,不得已使用插件方式来模拟:

相关签名

pipe.d.ts

原因见此:(最后一段)

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航