Vue基础（父子组件传值、兄弟组件传值、ref的使用、slot插槽）

组件

Vue.component(’组件名称’,’组件’)
组件包括：
template
data
methods
生命周期钩子函数
computed
watch
…….

1、父组件给子组件传值：

子组件用props接受：
第一种方式：
props:[‘title’] //数组方式接收
第二种方式（官方推荐）：
props:{
title:{
type:String //数据类型
required:true //是否必须传值，true：必须，false：可选
}
}

案例：

2、子组件给父组件传值：

3、兄弟组件传值

4、ref的使用

5、slot插槽