基础用法

// 注册
Vue.filter('my-filter', function (value) {
  // 返回处理后的值
});

// getter，返回已注册的过滤器
var myFilter = Vue.filter('my-filter');

实例展示

// main.js
Vue.filter('dateFormat', function (originVal, pattern) {
  const dt = new Date(originVal);
  const y = dt.getFullYear();
  const m = (dt.getMonth() + 1 + '').padStart(2, '0');
  const d = (dt.getDate() + '').padStart(2, '0');
  if (pattern === 'yyyy-mm-dd') {
    return `${y}-${m}-${d}`;
  } else {
    const hh = (dt.getHours() + '').padStart(2, '0');
    const mm = (dt.getMinutes() + '').padStart(2, '0');
    const ss = (dt.getSeconds() + '').padStart(2, '0');
    return `${y}-${m}-${d} ${hh}:${mm}:${ss}`;
  }
});

Vue.filter('String1', function (originVal) {
  return '==' + originVal + '==';
});

使用：

<p>{{time | dateFormat('yyyy-mm-dd hh:mm:ss') | String1 }}</p>
<div v-bind:id="time | String1"></div>