1. 普通过滤器
```
<span>{{flagN | typeToText}}</span>
flagN: '1',
filters: {
//过滤器的内容写在这里面
typeToText: function (params) {
switch (params) {
case '1':
return '第一项'
case '2':
return '第二项'
default:
return '其他'
}
}
}
```
2. 时间戳转码
```
<p>{{current | date}}</p>
date: (data) => {
let d = new Date(data)
return d.getFullYear() + '年' + (d.getMonth() + 1) + '月' + (d.getDate()) + '日'
}
```
3. 监听器
```
watch: {
//侦听器，监听某一数据的变化,并进行相应业务逻辑
firstName: function() {
this.count++;
},
user:{//属性里面是对象的时候
handler:(newVal,oldVal)=>{
//hander默认执行函数，也可以去掉
console.log('user被修改',newVal,oldVal);
},
deep:true//表示监听对象的属性变化，
// false 则handler不执行吗，看不到newVal和oldVal的区别
// true 可以发现对象内部指的变化
// 监听数组的变动不需要这样
}
},
```
