vue组件之间的参数传递

2018-12-6 hanbin Web前端

vue组件之间的参数传递是vue的重点之一。主要分为:

1.父组件给子组件之间传值。

1)子组件再props中创建一个属性,用来接收父组件传过来的值。

2)在父组件中注册子组件。

3)在子组件的标签中添加子组件props中创建的的属性。

4)把需要传递给子组件的值赋值给该属性。

2.子组件给父组件之间传值

1)子组件中中需要以某种方式来触发一个自定义事件。

2)将需要传的值作为$emit的第二个参数,该值将作为实参传给响应事件的方法。

3)在父组件中注册子组件并在子组件标签上绑定自定义事件的监听。

3.兄弟组件之间的传值

创建一个vue实例作为“中转站”,通过vm.$on()方法接收数据,通过vm.$emit()方法发送数据。

标签: vue组件

网站备案号:京ICP备11043289号-1 北京市公安局网络备案 海1101084571
版权所有 北京育灵童科技发展有限公司 Copyright © 2002-2024 www.elight.cn, All Rights Reserved