1.Vue.filter( id, [definition] )

在元件內註冊

<template>
  <div id="app">
    <div class="message">{{message}}</div>                                       結果 22
    <div class="newmessage">{{message | add(10,20,30)}}</div>                        52
   　//過濾器可以串聯，也可以接受引數 
　　<div class="newmessage2">{{message | add(10,20,30) |rever }}</div>               25
  </div>
</template>
<script>
export 
 
default {
  data(){
    return{
      message:22
    }
  },
　　//註冊在例項化內部
  filters:{
    add(value, begin, xing) {
        return value + begin + xing;
    },
    rever(value){
      return value.toString().split("").reverse().join("");;
    }
  }
}
</script>

 全域性註冊

Vue.filter() 註冊一個自定義過濾器,必須放在Vue例項化前面   即在new Vue（）前

Vue.filter('my-filter', function (value) {
  // 返回處理後的值
})

2.Vue.component( id, [definition] )

區域性元件註冊和全域性註冊