This repository was archived by the owner on Aug 8, 2022. It is now read-only.
File tree Expand file tree Collapse file tree 1 file changed +8
-8
lines changed Expand file tree Collapse file tree 1 file changed +8
-8
lines changed Original file line number Diff line number Diff line change @@ -7,11 +7,11 @@ badges:
7
7
8
8
## 概览
9
9
10
- 从 Vue 3.0 开始,过滤器已删除,不再支持 。
10
+ 从 Vue 3.0 开始,过滤器已移除,且不再支持 。
11
11
12
12
## 2.x 语法
13
13
14
- 在 2.x,开发者可以使用过滤器来处理通用文本格式。
14
+ 在 2.x 中 ,开发者可以使用过滤器来处理通用文本格式。
15
15
16
16
例如:
17
17
@@ -38,13 +38,13 @@ badges:
38
38
</script >
39
39
```
40
40
41
- 虽然这看起来很方便,但它需要一个自定义语法,打破大括号内表达式是 “只是 JavaScript”的假设,这不仅有学习成本,而且有实现成本。
41
+ 虽然这看起来很方便,但它需要一个自定义语法,打破了大括号内的表达式 “只是 JavaScript”的假设,这不仅有学习成本,而且有实现成本。
42
42
43
43
## 3.x 更新
44
44
45
- 在 3.x 中,过滤器已删除,不再支持。相反地,我们建议用方法调用或计算属性替换它们 。
45
+ 在 3.x 中,过滤器已移除,且不再支持。取而代之的是,我们建议用方法调用或计算属性来替换它们 。
46
46
47
- 使用上面的例子,这里是一个如何实现它的例子 。
47
+ 以上面的案例为例,以下是一种实现方式 。
48
48
49
49
``` html
50
50
<template >
@@ -82,7 +82,7 @@ badges:
82
82
83
83
如果在应用中全局注册了过滤器,那么在每个组件中用计算属性或方法调用来替换它可能就没那么方便了。
84
84
85
- 相反地 ,你可以通过[ 全局属性] ( ../../api/application-config.html#globalproperties ) 在所有组件中使用它:
85
+ 取而代之的是 ,你可以通过[ 全局属性] ( ../../api/application-config.html#globalproperties ) 以让它能够被所有组件使用到:
86
86
87
87
``` js
88
88
// main.js
@@ -95,7 +95,7 @@ app.config.globalProperties.$filters = {
95
95
}
96
96
```
97
97
98
- 然后,你可以通过 ` $filters ` 对象修改所有的模板,像下面这样 :
98
+ 然后,可以通过这个 ` $filters ` 对象修正所有的模板,就像这样 :
99
99
100
100
``` html
101
101
<template >
@@ -104,4 +104,4 @@ app.config.globalProperties.$filters = {
104
104
</template >
105
105
```
106
106
107
- 注意,这种方式只能用于方法中,不可以在计算属性中使用 ,因为后者只有在单个组件的上下文中定义时才有意义。
107
+ 注意,这种方式只适用于方法,而不适用于计算属性 ,因为后者只有在单个组件的上下文中定义时才有意义。
You can’t perform that action at this time.
0 commit comments