webcourse/Webcourse
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
21-Vue基础/01-05.过滤器.md
View File

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

1
README.md
View File

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