vue中全局filter和局部filter怎么用?

需求:

将价值上加上元单位符号(全局filter)

<template>
   <div>
    衣服价格:{{productPrice|formatTime}}

    </div>
</template>
<script>
  import Vue from 'vue'
  Vue.filter('formatTime', function (value) {
    return '￥'+value
  })
  export default {
    name: 'side-bar-placeholder',
    data () {
      return {
         productPrice:100
      }
    }
  }
</script>
<style lang="less" scoped>
</style>

将价值上加上美元单位符号(全局filter)

<template>
   <div>
    衣服价格:{{productPrice|formatTime}}
    </div>
</template>
<script>

  import Vue from 'vue'
  export default {
    name: 'side-bar-placeholder',
    data () {
      return {
         productPrice:100
      }
    },

    filters:{
       formatTime:function (value){
          return '$'+value
       }
    }
  }
</script>
<style lang="less" scoped>
</style>