vue文档全局api笔记2

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] )

局部组件注册和全局注册