Vue.js 过滤器的使用filter
vue中锅里器分为两种:全局过滤器(vue.filter)局部过滤器(filter)
使用全局过虑器
示例
{{ msg | msgFormat}}
<script>
// 定义一个 Vue 全局的过滤器,名字叫做 msgFormat
Vue.filter('msgFormat', function(msg) {
// 字符串的 replace 方法,第一个参数,除了可写一个 字符串之外,还可以定义一个正则
return msg.replace(/单纯/g, 'xx')
})
</script>
使用局部过滤器
/创建 Vue 实例,
var vm = new Vue({
el: ‘#app’,
data: {
msg: ‘小洁’
},
methods: {},
//定义私用局部过滤器。只能在当前 vue 对象中使用
filters: {
dataFormat(msg) {
return msg+‘xxxxx’;
}
}
});
注意:
当有局部和全局两个名称相同的过滤器时候,会以就近原则进行调用,即:局部过滤器优先于全局过滤器被调用!