vue

Vue组件传值

2019-06-12  本文已影响5人  low_4339

为什么要使用传值

父传子

1.通过v-bind:将父组件的数据绑定到子组件身上

2.把父组件传递过来的属性在props定义一下

3.使用

注意:子组件的data与props

子传父

1.给子组件绑定一个父组件的方法

2.在子组件中创建一个自己的方法,

3.在子组件事件中通过$emit触发父组件绑定的方法

4.把子组件中的数据当做参数通过事件传递给父组件

5.父组件拿到数据通过事件把接收到的数据传给父组件的data

事件总线(不相关组件传值)

1.定义空白实例

2.在一个组件中通过$.emit派发一个事件和参数

3.在另一个组件中通过$.on接受一个事件和参数

上一篇 下一篇

猜你喜欢

热点阅读