父传子
1 父组件通过属性的方式给子组件传值
在data里定义变量,在methods里的方法里获取数据,将数据给到data里的变量,再v-bind
的指令将父组件的data里拿到的数据绑定到子组件上
2. 子组件使用props接受父组件传递的属性
子组件props中接受的属性参数只需要给其定义好数据类型,然后直接在模板中使用即可!
子传父
1 子组件通过this.
e
m
i
t
(
)
的
自
定
义
事
件
方
式
将
值
传
递
给
父
组
件
t
h
i
s
.
emit()的自定义事件方式将值传递给父组件 this.
emit()的自定义事件方式将值传递给父组件this.emit(‘handleclick’, n) ----- 事件名 ,参数
2 在父组件中注册该事件,并绑定父组件的方法接收数据
在父组件上绑定handleclick的方法来接收参数