element table 二次封装 父子组件传值 组件通讯

新建一个组件(即子组件)table.vuevue


子组件编辑内容以下图所示git


子组件经过props获取父组件传递过来的参数,以下图所示,type指明传递到子组件的数据类型,default指定默认值,通常不给github


子组件经过事件发射向父组件传递事件及参数,$emit即为发射事件,第一个参数为向父组件传递的事件名,第二个参数为向父组件传递的参数学习



下面为父组件调用子组件:blog

在父组件中经过import引入子组件,并注册事件


父组件调用子组件并传递参数,同时监听子组件事件it


父组件处理监听子组件事件table


最终效果以下import


固然功能还能够继续扩展扩展

欢迎一块儿学习Vue,qq:2586224896

欢迎点赞https://github.com/js1k/vue-h5