插件、组件、混入

一、插件：
什么是插件？
  功能：增强Vue
  本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据
定义插件：
1.
对象.install=function (Vue,options){
  //添加一个全局过滤器
  Vue.filter(....)
  //添加全局指令
  Vue.directive(....)
  //配置全局混入
  Vue.mixin(...)
  //添加实例方法
  Vue.prototype.$mymethod=function(){...}
  Vue.prototype.$myProperty=xxxx
}
2.
let 对象={
  install(Vue,option){
     //添加一个全局过滤器
    Vue.filter(....)
    //添加全局指令
    Vue.directive(....)
    //配置全局混入
    Vue.mixin(...)
    //添加实例方法
    Vue.prototype.$mymethod=function(){...}
    Vue.prototype.$myProperty=xxxx
    }
}
使用插件：
Vue.use(插件)
--------------------------------------------------------------------------
二、动态组件
想要当前组件缓存起来 可以使用keep-alive包裹component
    <keep-alive>
      <component :is="current"></component>
    </keep-alive>
--------------------------------------------------------------------------
三、混入（mixin）
混入的创建：
let 对象={
  data(){
    return{
      数据1:"",
      数据2:""
    }
  }
}
全局混入：
Vue.mixin(混入对象)
局部混入：
mixins:[混入对象]
当混入对象的data、methods中的数据、方法与组件实例冲突时，以组件实例的为主；
但是生命周期其实冲突都会并存
--------------------------------------------------------------------------
四、ref属性
1、被用来给元素或子组件注册应用信息（id的替代者）
2、应用在HTML标签上获取的是真是DOM元素，应用在组件标签上是组件实例对象（VueComponent）
3、使用方式：
    打标识：<h1 ref="xxxx">...</h1>或者<School></School>
    获取：this.$refs.xxxx