过滤器的作用:
他是可以从中取得你想要的,给哪个数据添加装饰,比如在一个价格前面给他一个¥的符号,把’Hello’变成’Hello World’,可以使用filter在后面添加World,或者把时间节点改成时间戳等.
过滤器可以在new vue实例注册全局的,也可以在组件中注册局部的
用法一:
全局过滤器:
Vuefilter(''globalFilter,function(value){
return value + '$';
})
局部注册:
filters:{
componentFilter:function(value){
return value + '¥';
}
}
注意:全局注册时后面不需要添加s的,局部注册就需要加S的,虽然没有报错的,但是过滤器是没有效果的
用法二:
1.在双花括号插值
{
{ 'hi ' | Filter }}
2.在v-bind中使用
<div v-bind:data="'ok'|filter"></div>