vue子父类传值

vue子父类传值

父传子

• 子组件(接收方)在vue对象中，通过props属性声明，声明他期待获得的数据

  • props:[“commentId”],

• 父组件(发送方)注册子组件，在使用子组件的时候，以键值对的方式传递给子组件，

  • :commentId=“commentId”
  • 然后再data里面定义commentId的值，

子传父

• 子组件(发送方)以某种方式触发一个自定义事件，在事件中通过
  • $emit(“listToChild”,this.value)
• 父组件(接收方)在引用子组件标签中监听该自定义事件，并添加一个响应该事件的方法
  • v-on:listToChild=“showMsgFun”
  • 在方法中调用此方法 showMsgFun(val){ console.log(val); }