vue自定义过滤器，例如给文字加颜色

页面：
<div id="app">
<p>{{message|checkColor}} </p>
</div>
  
js:

1 Vue.filter('checkColor', function (value) {
    if(value==undefined||value==''){
        return '<div class="red">'+value+'</div>';
    }
    if(value=='aaaa'){
        return '<div class="green">'+value+'</div>';
    }
    return value;
});

2 new Vue({
el:"#app",
data:{
message:"pwd"
},
filters:{
checkColor:function(value){
    if(value==undefined||value==''){
return '<div class="red">'+value+'</div>';
    }
    if(value=='aaaa'){
return '<div class="green">'+value+'</div>';
    }