props父子通信常见用法及$emit使用方法@click.native使用方法

Demo1:父组件向子组件传值

child.vue

props父子通信常见用法及$emit使用方法@click.native使用方法_第1张图片

Father.vue

props父子通信常见用法及$emit使用方法@click.native使用方法_第2张图片

浏览器显示      李明

Demo2:子组件向父组件传值---------$emit 用法

son.vue

props父子通信常见用法及$emit使用方法@click.native使用方法_第3张图片

Father.vue

props父子通信常见用法及$emit使用方法@click.native使用方法_第4张图片

运行后点击  +1   数字加一控制台输出数字加一;

Demo3:@click.native用法

props父子通信常见用法及$emit使用方法@click.native使用方法_第5张图片

运行后点击+1 控制台输出调用父组件本地方法;

不明白的小朋友可以试试去掉native后的点击效果;

 

 

你可能感兴趣的:(vue)