过滤器的主要核心就是前一个的输出作为后一个的输入。
管道.png
意思就是要找有没有使用80端口，然后之前netstat -ano的输出作为findDtr ‘80’的输入。
管道.png
在我们的操作系统里面，如果我们执行如下的命令，可以叫做 管道，或者叫做过滤器
可以这样，把前一个命令的输出作为下一个命令的输入。在 vuejs 里面也提供了类似操作系统管道的使用方式，在vuejs里面可以叫做过滤器，有的地方（程序员）也叫作变量调节器。
注意：filter是在 vuejs 1.x 存在的，在 vuejs 2.x 已经被移除了。但是有的时候，面试官问，有老项目还使用
所以调试的时候，如果没有1.X版本，可以去https://www.bootcdn.cn/
提供静态资源的网站获取
可以显示如下代码
<div id="box">
<!--capitalize 作用：把前面的模型变量的首字母大写-->
<!--capitalize( username )-->
<p>{{ username | capitalize }}</p>
<!-- currency( price ) => return '$' + price -->
<p>{{ price | currency }}</p>
</div>
<script src="https://cdn.bootcss.com/vue/1.0.27/vue.js"></script>
<script>
var vm = new Vue({
el: '#box',
data: {
username: 'andy',
price: 12.23,
}
});
</script>
在变量名|过滤器名，用的过滤器名有capitalize：把前面的模型变量的首字母大写，currency ：在前面加上￥
