vue 中父子组件传值:props和$emit

1 父组件向子组件传值:通过props数组:

在vue-cli Login.vue父组件中有AcceptAndRefuse.vue子组件,首先import进子组件hello,然后在components中注册组件,然后在template中使用组件,制定msg信息

//父组件 App.vue





//子组件./components/Hello.vue
//通过props接收信息





子组件即可收到通信

传进来的数据是mes-father, vue转化成mesFather, 在js 里面写mesFather

http://www.jianshu.com/p/2670ca096cf8

2 子组件向父组件传值:自定义事件,this.$emit,发送信息,在父组件中

//子组件:



//父组件:





在vue组件中,import子组件,components中注册,template中使用,router跳转

你可能感兴趣的:(vue 中父子组件传值:props和$emit)