yehaocheng520的博客

最近公司内部组织的前端培训，有同事分享了组件间的数据通信，下面记录一下：1.父传子——props传递参数1.1 通过数组的形式传递多个参数props:['name','age','sex']1.2 接收的同时对数据进行类型限制props:{ name:String, age:Number, sex:String}1.3 接收的同时对数据：进行类型限制+默认值的指定+必要性的限制props:{ name:{ type:String,//name的类型是字符串 require

参考链接：vue 父组件调用子组件函数的两种方法https://www.jianshu.com/p/94c36323f7331.$on $emit的组合使用父组件调用子组件的函数，所以父组件中使用emit("函数名"，传递的参数)；子组件中监听此函数使用emit("函数名"，传递的参数)；子组件中监听此函数使用emit("函数名"，传递的参数)；子组件中监听此函数使用on(“函数名”，res=>{执行函数});res即为父组件传递给子组件的参数。2.直接调用举例如下：父组件<temp

组件之间事件触发之前使用组件，并不是很频繁，是水平的问题，目前工作中，公司大佬带着我手写过一个组件，再此很感谢他的指导。目前简单的组件已经有了自己的逻辑思维，正在从低级码农向中级码农蜕变。废话不多说。上图看看组件情况。新增按钮组件：操作按钮组合组件：此时有个需求就是，无论是哪个按钮，如果改变了列表中的数据，列表需要实时更新数据。此时就需要用到组件间的事件触发。父子组件之间事件触发可以使用$emit$emit的使用方法如下：在子组件中，写一个click点击事件。比如：cancelCU(