vue组件之间的传值-父与子的传值 子组件传值父组件 兄弟组件之间的传值。

子组件和父组件的传值  

 父组件:






在 父组件中引用子组件 01-son.vue ,然后在父组件中注册一下     在v-son 子组件中 添加任意的 title message 

 

子组件 :








在 子组件中通过 props 来获取父组件中传过来的自定义属性title 和message的值并显示在子组件中。

 

 

子组件传值给父组件

 








 子组件发送给父组件必须通过事件来发送   this.$emit("getMsgFromSub", this.msg);    getMsgFromSub 是事件的类型 这个随便定义 就是后面的跟父组件对应上就可以了  

 

父组件








在父组件中子组件的位置上 声明getMsgFromSub=方法  

在方法内部就可以拿得到子组件传过来的值了。

 

 

 

你可能感兴趣的:(vue-学习)