过滤器-filter的使用

全局注册

// 在此示例中，我们将注册一个全局过滤器用来在价格前面添加$符号：

// 声明
Vue.filter('toUSD', function (value)) {
  return `$${value}`
}
// 使用
<div id="app">
  <span>{{ 351.99 | toUSD }}</span>
</div>

局部注册

  <template>
    <div id="app">
     // 使用
      <span>{{ name | Upper }}</span>
    </div>
  </template>
// 局部注册
   data.....,
    filters: {
        Upper(value) {
              return value.toUpperCase();
        },
        Lower(value) {
            return value. toLowerCase();
        },
    }
....