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 可以發現對象內部指的變化
// 監聽數組的變動不需要這樣
}
},
```
