1.父组件传子组件
2.子组件传父组件
3.兄传弟组件
3.兄弟组件传值
首先建立2个组件A与B 再建立一个新的vue对象并导出,再建立一个父组件,把AB两个组件引入父组件,并且A与B分别引入vue.js
A组件向B组件发送
B组件接受A组件的值
2.子组件传父组件
childHandle是注册的事件名字,方便在父组件中使用,this.n 是需要传递的值
在父组件中使用子组件传过去的注册事件,
在父组件的fn函数中接取子组件传出的值 。
1.父组件传子组件
(1)在父组件中子组件的标签上,使用:属性名=属性值(传递的值)
(2)在子组件中使用 props:['属性名']
(3)props 有2种接取方法
第一是直接用数组接取,第二以数组套对象的形式,
第二种的有点在于,能多一个类型的判断,并且有一个默认值,在父组件没给子组件传值的时候,可以显示子组件的默认值
把子组件引入父组件,可以直接传递,子组件用props接取父组件传的值
子组件接取