美文网首页
Vue组件之间的传值通信

Vue组件之间的传值通信

作者: 9979eb0cd854 | 来源:发表于2018-08-15 16:41 被阅读19次

    父组件向子组件的传值:
    1.子组件在props中创建一个属性,用来接收父组件传过来的值;

    2.在父组件中注册子组件;

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

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

    子组件向父组件传值:
    1.子组件中需要以某种方式(如点击事件)的方法来触发一个自定义的事件;

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

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

    相关文章

      网友评论

          本文标题:Vue组件之间的传值通信

          本文链接:https://www.haomeiwen.com/subject/tsmwbftx.html