vue组件(父子,兄弟)间传值调用方法

父组件向子组件传值

1.1.在父组件App.vue中引入子组件

1.2.父组件App.vue调用子组件header.vue的时候 绑定动态属性

1.3.在子组件header.vue

props更多校验方法

 
1.4.在子组件header.vue中直接使用

子组件使用父组件中的方法

父组件代码

 

子组件代码


方法名 实例
父组件主动获取子组件的数据和方法: 1.调用子组件的时候定义一个ref。如:。2.在父组件里面通过this.$refs.header.属性、this.$refs.header.方法获取
子组件主动获取父组件的数据和方法 在子组件里面通过this.$parent.数据、this.$parent.方法获取
非父子组件之间相互传值 定义事件this.$emit('名称','数据') 。其他组件调用事件this.$on('名称',function(){})

你可能感兴趣的:(vue)