Skip to content
This repository was archived by the owner on Aug 8, 2022. It is now read-only.

update filters.md #700

Merged
merged 1 commit into from
Sep 4, 2021
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions src/guide/migration/filters.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,11 +7,11 @@ badges:

## 概览

从 Vue 3.0 开始,过滤器已删除,不再支持
从 Vue 3.0 开始,过滤器已移除,且不再支持

## 2.x 语法

在 2.x,开发者可以使用过滤器来处理通用文本格式。
在 2.x,开发者可以使用过滤器来处理通用文本格式。

例如:

Expand All @@ -38,13 +38,13 @@ badges:
</script>
```

虽然这看起来很方便,但它需要一个自定义语法,打破大括号内表达式是“只是 JavaScript”的假设,这不仅有学习成本,而且有实现成本。
虽然这看起来很方便,但它需要一个自定义语法,打破了大括号内的表达式“只是 JavaScript”的假设,这不仅有学习成本,而且有实现成本。

## 3.x 更新

在 3.x 中,过滤器已删除,不再支持。相反地,我们建议用方法调用或计算属性替换它们
在 3.x 中,过滤器已移除,且不再支持。取而代之的是,我们建议用方法调用或计算属性来替换它们

使用上面的例子,这里是一个如何实现它的例子
以上面的案例为例,以下是一种实现方式

```html
<template>
Expand Down Expand Up @@ -82,7 +82,7 @@ badges:

如果在应用中全局注册了过滤器,那么在每个组件中用计算属性或方法调用来替换它可能就没那么方便了。

相反地,你可以通过[全局属性](../../api/application-config.html#globalproperties)在所有组件中使用它:
取而代之的是,你可以通过[全局属性](../../api/application-config.html#globalproperties)以让它能够被所有组件使用到:

```js
// main.js
Expand All @@ -95,7 +95,7 @@ app.config.globalProperties.$filters = {
}
```

然后,你可以通过 `$filters` 对象修改所有的模板,像下面这样
然后,可以通过这个 `$filters` 对象修正所有的模板,就像这样

```html
<template>
Expand All @@ -104,4 +104,4 @@ app.config.globalProperties.$filters = {
</template>
```

注意,这种方式只能用于方法中,不可以在计算属性中使用,因为后者只有在单个组件的上下文中定义时才有意义。
注意,这种方式只适用于方法,而不适用于计算属性,因为后者只有在单个组件的上下文中定义时才有意义。