Vue中的局部过滤器filters和全局过滤器filter
过滤器的定义:
对要显示的数据进行特定的格式化后再显示(适用于一些简单的逻辑处理)
语法:
- 注册过滤器:
Vue.filter(name, callback)
或new Vue( filters:{} )
- 使用过滤器:
{ { xxx | 过滤器名 }}
或v-bind: 属性 = "xxx | 过滤器名"
备注:
- 过滤器也可以接收额外参数,多个过滤器也可以串联
- 并没有改变原本的数据,而是产生新的对应的数据
全局过滤器
局部过滤器
过滤器的参数:
{
{time | timeFormater()}}
解析:time 作为参数 传递给 timeFormater()
附录 (测试代码):
<!DOCTYPE html>
<html>
<head