直接上代码
<body>
<div id='app'>
<div>{{msg}}</div>
<div>{{msg | setMsg(666)}}</div>
</div>
<div id='app1'>
<div>{{msg}}</div>
<div>{{msg | setMsg(666)}}</div>
</div>
<script>
/*
第一个参数:过滤器的名字
第二个参数:回调函数 (data,format) data:数据 format:传递的参数
*/
// 全局过滤器
// Vue.filter('setMsg', function (data, format) {
// console.log(data);
// console.log(format);
// /*
// 好人 -- **
// */
// return data.replace('好人', '**')
// })
// Vue.filter('setMsg1', function (data, format) {
// console.log(data);
// console.log(format);
// return data.replace('你', '*')
// })
const vm = new Vue({
el: '#app',
data: {
msg: '你是个大好人'
},
methods: {
},
// 私有定义
filters: {
setMsg(data, format) {
return data.replace('好人', '**')
}
}
})
const vm1 = new Vue({
el: '#app1',
data: {
msg: '你是个大好人'
},
methods: {
}
})
</script>
</body>