vue：render函数、props、ref、mixin等属性使用

vuerender函数

vue.js与vue.runtime.XXX.js文件的区别：

• vue.js文件是完整的vue，包含完整的核心功能和模板解析器
• vue.reuntime.xxx.js只包含核心功能，不包含模板解析器，是残缺的vue，所以不能使用template,需要使用render函数接收到的createdelement函数去指定具体内容

ref：

用在真实的标签上，获取该dom元素，放在组件标签上获取该组件实例对象，this.$refs

props:

让组件接收从外部传过来的数据：

• 只接收：props:[‘name’]，不限制类型
• 接收并限制类型：props:{name:number}
• 限制类型、必要性、默认值：props:{name:{type:string,required:true,default:‘aaa’}}，vue不建议直接对props的值进行修改，可以赋值新的变量使用

mixin：

• 第一步定义混合：创建一个mixin.js文件，{混合代码}
• 第二步使用混合：
  1、全局混入：Vue.mixin(XXX)
  2、局部混入：mixins：[‘xxx’,‘xxx’]

2021-12-02 18：10