ref
1 被用来给元素或者子组件注册引用信息（id的替代者）
2 应用在html 标签上获取的是真实的DOM元素 应用在组件把标签上的组件实例对象 （VC)
3 使用方式
打标识
<div ref="lemon"> lemon</div>
<div>
<Orange ref="demo" />
</div>
获取
this.$refs.demo
this.$refs.lemon
props
props 是只读的Vue底层检测你会props的修改 就会发出警告，需要修改，可以备份一个其他名字的到data里去修改数据
key ref 是节点标记 不能作为Props 做props 的名字 props 里面的值高于data
注意 ：这个props 可以直接在methods 里获取
比如 this.name 不需要在data里再次声明 props 里的优先级高于 data 不可重名 最好不要更改props 里面的值
可以在data 里面获取this.xxx （xxx是props 里的）
基础简单接收
props:['name','age'],
限制类型用法：
props:{
name:String,
age:Number
}
完整写法
props:{
name:{
type:String, // name的类型
required:true // name 是必要的
},<br>
age:{<br>
type:Number,<br>
defaule: 18 // 默认值
}
},
例子
父组件
<template>
<div class="contain-props">
<Demo name='lemon'></Demo>
<Demo name='orange'></Demo>
<Demo name='mango' :age='18'></Demo>
</div>
</template>
<script>
import Demo from './demo.vue'
export default {
name:'propsLearn',
components:{
Demo
}
}
</script>
子组件
<template>
<div>
姓名 {{name}}
</div>
</template>
<script>
export default {
name:'Demo',
props:['name','age'],
data(){
return{
}
}
}
</script>
关于混合
