[Day 21] 过滤器Filter哗啦啦

今天天气真好，最适合来学习新事物了!!在创建一个网页时，有可能会遇到需要把使用者输入的文字转成大小写等等，这时候就可以用上今天要讲的东西—过滤器,废话太多我们直接开始吧~~!

简介

vue的过滤器主要用来格式化数据、文字等等，如果只是简单的资料调整，就很适合用filter。
他的写法规则如下

过滤器也分两种方法书写
插值写法
{{msg|过滤器名称}}
v-bind写法
<div v-bind:id=“id|formatId”></div>

举例

再来看看一个小例子，用Day20监听器(用连结)那篇的例子稍加修改，拼凑first和second之後，把第一个字母变成大写，来看看长怎样吧~这里用的是插值的写法
过滤器的名称是upper，return val.charAt(0).toUpperCase()+val.slice(1)就是这个过滤器要做的事情

结果长成这样

发现第一个字母c成功变成大写了!!

结语

个人觉得过滤器是个非常实用的小工具，很多应用都会需要用上他，不知道大家的看法是如何，不用告诉我呦(◔◡◔)