Vue基础-11-过滤器

Vue基础-11-过滤器

原始的数据可以通过计算属性的方式来操作，得到一个新的结果。再页面用计算后的结果

Vue的过滤器有两种类型：

1. 局部过滤器：只能再组件内部使用
2. 全局过滤器：所有组件都可以使用

局部过滤器

1. filters:{
2. toFixBir:function(val){
3. const tempDate = val.getFullYear()+"-"+(val.getMonth()+1)
4. return tempDate
5. },
6. upperCaseFilter:function(val){
7. console.log("upperCaseFilter"+val);
8. return val.toUpperCase()
9. },
10. replaceFilter:function(val){
11. console.log("replaceFilter"+val);
12. const newStr = val.replace("M","*")
13. return newStr
14. }