使用Vue的filters(本地)或filter(全局)过滤常用数据类型

// 【全局过滤】----------------------------------------
//转换情况一的日期
Vue.filter('yyyy_MM_dd', v => {
    if (v) return new Date(v)
        .toLocaleString("zh-Hans-CN", {
            year: "numeric",
            month: "2-digit",
            day: "2-digit",
        }).replace(/\//g, "-");
    else return '';
});
//转换情况二的百分数
Vue.filter('percent', v => {
    if (v) return `${parseFloat((v * 100).toFixed(2))}%`;
    else return 0;
});

  filters: {
    //转换情况一的日期
    yyyy_MM_dd: (v) => {
      if (v)
        return new Date(v)
          .toLocaleString("zh-Hans-CN", {
            year: "numeric",
            month: "2-digit",
            day: "2-digit",
          })
          .replace(/\//g, "-");
      else return "";
    },
    //转换情况二的百分数
    percent: (v) => {
      if (v) return Math.abs(v.toFixed(2)) + "%";
      else return 0;
    },
  },

{{ 日期 | yyyy_MM_dd }}
{{ 小数 | percent }}
/*额外知识：
过滤器还支持串联，也就是多个 | filterName | filterName | ... 这样可以综合在一起使用多个过滤功能。
过滤器是 JavaScript 函数，因此可以接收参数：
{{ string | filter('参数1', 参数2) }}
这里，filter被定义为接收三个参数的过滤器函数。其中 string 的值作为第一个参数，普通字符串 '参数1' 作为第二个参数，表达式 参数2 的值作为第三个参数。
*/