vue组件(component)传值问题

父传子:(即在子组件中访问父组件中的数据)

1.在父组件中使用子组件时,添加自定义属性,属性值为传输的内容
    
2.在子组件中,使用props:['msg']接收父组件中传递的属性
     props:['msg'],//当前子组件希望从父组件中接收的属性
      						 多个属性使用逗号分隔

注: props声明在和data,methods同级位置
代码案例:




    
    
    Document
    
    


    

子传父:(即在父组件中访问子组件中的数据)

1.在子组件中使用事件绑定触发父级的自定义事件
  $emit('name',data,data1);   //name为触发的自定义函数名称,data,data1为传送的数据
2.在父组件中绑定自定义事件
    在自定义事件的事件处理程序中,参数为传递的值

代码案例:




    
    
    Document
    
    


    

你可能感兴趣的:(vue组件(component)传值问题)