Prop 向子组件传递数据-通过事件向父级组件发送消息

记录:

解释:

1、组件里面的元素'blog-post',通过:v-on:click="incrementTotal",监听点击事件,如果发生点击事件,那么就触发:incrementTotal(事件),而incrementTotal(事件)是本组件定义的一个函数;

2、this.$emit('enlarge-text2'); 表示向父组件触发一个自定义的监听事件:'enlarge-text2',就像上面的系统定义的click事件;

3、v-on:enlarge-text2="env"  : 表示监听enlarge-text2事件,如果被触发了,就执行“env”(自定义的一个函数);

PS:1~3就实现了子组件向父组件通过事件发送消息;就是子组件进行了一些操作(如点击子组件的按钮,然后想告诉父组件要干嘛干嘛);

4、props: ['post'] : 表示,props是关键字,数组里面的每一个值代表组件的一个数据属性,就是一个变量;

5、v-bind:post="post" :表示本组件的post属性获取父组件的post属性(变量)的值,也就是父组件向子组件传递数据了;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容