Vue2.x之过滤器filter函数

目录直通车

定义过滤器

使用过滤器

引入cdn

怎么使用?

实例代码


我还是先解释,后面贴出实例代码,便于大家学习。

filter是Vue的一个函数,使用之前需要先定义。

定义过滤器

//filterName是自己给过滤器命的名
Vue.filter('filterName', function (value) {
    // 返回处理后的值
})

使用过滤器

{{myData | filterName}}
{{myData | filterName(arg)}}

在做项目的过程中,处理格式化日期的filter比较多。这里给大家推荐一个开源项目,这个项目专门用于格式化日期的,目前star已经达到了39.5k。下面和大家分享一下如何使用http://momentjs.cn。

引入cdn

所以先打开bootcdn.cn找到moment.js

Vue2.x之过滤器filter函数_第1张图片

 直接翻到最后,引入

怎么使用?

打开momentjs.cn看官方文档!建议避免去看别人的博客,容易被误导!

Vue2.x之过滤器filter函数_第2张图片

实例代码




  
  过滤器




显示格式化的日期时间

{{time}}

最完整的: {{time | dateString}}

年月日: {{time | dateString('YYYY-MM-DD')}}

 

你可能感兴趣的:(Vue)