Vue1.0中过滤器和Vue2.0中自定义指令的用法

设置默认图片或者日期比较操作等用到过滤器或者指令

Vue1.0过滤器在文件common\static\static\lib\vue\vue.filter.js

图片：

  <img:src="member.portrait | imgShow 0,'/img/default/default-head.jpg'">

日期格式化：

  <span>{{parkEnterpriseVO.establishTime|formatDateStr'yyyy-MM-dd'}}</span>

 

Vue2.0自定义指令在文件common\static\static\lib\vue \vue2.0\vue.directive.js

Vue2.0里不能用之前的fiter过滤器了，通过自定义指令实现和过滤器类似的功能，用到的引入这个js即可，用法参考：

  图片：

  <img v-imgshowmodule="{code:activityDetailSite.activityDetail.imgPath,type: 0,def:'/img/default-activity-form.png'}">

  日期格式化：

  <spanv-formatdatestr="{date:activityDetailSite.activityDetail.activityTime,format: 'yyyy年MM月dd日 HH:mm'}"></span>

日期比较：

<button type="button"v-comparetodate="{beginTime:activityDetailSite.activityDetail.registrationDeadline,endTime:activityDetailSite.activityDetail.activityDeadline}">报名已截止</button>