Vue过滤器的简单使用--实时显示格式化的时间

Vue的过滤器的使用是在{{}}插值的尾部添加一个管道符  | 

过滤的规则是自己定义的,通过给Vue实例添加选项filters来设置

通过过滤器对时间进行格式化从而实时显示时间



 
  
  
  
  
  
  Vue 过滤器的简单使用---实时显示格式化时间
 
 
  
    {{date | formatDate}}  
 

Vue过滤器的简单使用--实时显示格式化的时间_第1张图片


过滤器也可以串联:

{{ message | filter1 | filter2 }}

过滤器也可以接受参数:

{{ message | filter1 ('arg1','arg2')}}

这里的字符串arg1 和 arg2 分别传给过滤器的第二个和第三个参数,第一个是数据本身

你可能感兴趣的:(Vue)