update
This commit is contained in:
parent
0570c264ea
commit
dd56e4c020
@ -29,7 +29,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
|
||||
|
||||
### 基本使用
|
||||
### 全局过滤器的基本使用
|
||||
|
||||
|
||||
我们可以用全局方法`Vue.filter()`自定义一个全局过滤器。这样的话,每一个Vue的对象实例都可以拿到这个过滤器。它接收两个参数:过滤器的名称 和过滤器函数。
|
||||
@ -62,7 +62,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
上方代码解释:
|
||||
|
||||
- `Vue.filter(‘过滤器的名称’, 具体的过滤器函数)`中的第一个参数指的就是过滤器的名称(必须和**管道后面**的名称**完全一致**),第二个参数是具体的过滤器函数
|
||||
- `Vue.filter(‘过滤器的名称’, 具体的过滤器函数)`中的第一个参数指的就是过滤器的名称(必须和**管道符后面**的名称**完全一致**),第二个参数是具体的过滤器函数
|
||||
|
||||
- 过滤器函数function中,第一个参数指的**管道符前面的**msg。
|
||||
|
||||
@ -84,6 +84,7 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
<body>
|
||||
<div id="app">
|
||||
<!-- 通过 过滤器 msgFormat 对 msg 进行过滤-->
|
||||
<p>{{ msg | msgFormat }}</p>
|
||||
</div>
|
||||
|
||||
@ -112,6 +113,14 @@ Vue也提供了一个接口用来供程序员定义属于自己的特殊逻辑
|
||||
|
||||
网页显示效果如下:
|
||||
|
||||
20180522_1240.png
|
||||
|
||||
|
||||
### 给过滤器添加多个参数
|
||||
|
||||
上面的举例代码中,`Vue.filter('msgFormat', function(myMsg){})`中,我们只给里面的function添加了一个参数,其实它还可以参加多个参数。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user