This commit is contained in:
qianguyihao 2018-05-24 12:59:53 +08:00
parent 0570c264ea
commit dd56e4c020
2 changed files with 11 additions and 3 deletions

View File

@ -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添加了一个参数其实它还可以参加多个参数。

View File

@ -5,4 +5,3 @@
更多内容,请点开文件夹。
另外,欢迎关注本人的公众号「生命团队」,会分享一些技术之外的软技能(和代码完全无关)。公众号里的每篇文章,自认为写得还算用心。“全栈”不应该只是体现在技术上,而是全方位。