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>