過(guò)濾器分為兩種:
全局過(guò)濾器
自定義過(guò)濾器
使用過(guò)濾器尉共,我們可以對(duì)數(shù)據(jù)進(jìn)行格式化處理
代碼解析:
全局過(guò)濾器
Vue.filter('formatMsg', function (msg, arg) {
return msg.replace(/青春/g, arg);
});
Vue.filter('formatAgain', function (msg, arg) {
return msg + ",然而我還是很想念她";
});
自定義過(guò)濾器
let vm = new Vue({
el: "#app",
data: {
msg: '我的生涯一片無(wú)悔媒抠,我想起那天夕陽(yáng)下的奔跑,那是我逝去的青春'
},
filters: {
// 定義私有的過(guò)濾器
test: function (msg) {
return msg + ", 青澀美好又有些疼痛的青春";
}
}
})
注意:
過(guò)濾器可以多層引用咏花,多個(gè)過(guò)濾器用管道符 | 隔開(kāi)
當(dāng)全局過(guò)濾器與自定義過(guò)濾器同名時(shí),優(yōu)先使用自定義過(guò)濾器