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

局部组件注册和全局注册

3.Vue.use( plugin )

安装 Vue.js 插件。如果插件是一个对象，必须提供 install 方法。如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。

该方法需要在调用 new Vue() 之前被调用。

4.Vue.compile( template )

在 render 函数中编译模板字符串。只在独立构建时有效

var res = Vue.compile('<div><span>{{ msg }}</span></div>')
new Vue({
  data: {
    msg: 'hello'
  },
  render: res.render,
  staticRenderFns: res.staticRenderFns
})