vue-ref-props-mixin-plugins

ref属性

1.被用来给元素或子组件注册引用信息(id的替代者)

2.应用在htm1标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象(vc)

3.使用方式:
打标识:

…

或获取:this.$refs.xxx

props配置项

功能:让组件接收外部传过来的数据

(1).传递数据:

(2).接收数据:

• 第一种方式(只接收):
  props:[ ‘name’ ]

• 第二种方式(限制类型):
  props:{
  name :Number

  }

• 第三种方式(限制类型、限制必要性、指定默认值):

  props:{
  name:{
  type:String， //类型
  required:true，//必要性
  default:老王’ //默认值 }

  }

  备注:props是只读的，Vue底层会监测你对props的修改，如果进行了修改，就会发出警告，若业务需求确实需要修改，那么请复制props的内容到data中一份，然后去修改data中的数据。
  
  

mixin混入

功能:可以把多个组件 共用的配置 提取成一个混入对象使用方式:
第一步定义混合，例如:{
data(){…},methods:{…]
}
第二步使用混入，例如:
(1).全局混入:Vue.mixin(xxx)
(2).局部混入:mixins:[‘xxx’]

plugins插件

功能: 用于增强Vue
本质:包含install方法的一个对象，install的第一个参数是vue，第二个以后的参数是插件使用者传递的数据。

定义插件:
对象.install=function(Vue,options)

{//1.添加全局过滤器Vue.filter(…)
//2.添加全局指令Vue.directive(…)
//3.配置全局混入(合)Vue.mixin(…)
//4.添加实例方法
Vue.prototype.$myMethod= function(){…}

Vue.prototype.$myProperty = xxx
使用插件:Vue.use()