做有色研究的网站,网络工程师考试时间,临淄找工作信息网,做网站需要合同吗文章目录一、快速入门1. 子组件2. 父组件3. 子组件回调父页面4. 父组件接收回调5. 组件调用流程一、快速入门
1. 子组件
view clickchildBackHome/view2. 父组件
父组件说明#xff1a; backHome #xff1a;事件为子组件回调的方法#xff0c;需要和子组…
文章目录一、快速入门1. 子组件2. 父组件3. 子组件回调父页面4. 父组件接收回调5. 组件调用流程一、快速入门
1. 子组件
view clickchildBackHome/view2. 父组件
父组件说明 backHome 事件为子组件回调的方法需要和子组件会调方法一致即可可以自定义 back自定义方法需要在父组件的 methods: {}方法区中定义back方法作为回调方法处理
dev backHomeback/dev3. 子组件回调父页面
子组件
methods: {childBackHome(){this.$emit(backHome,e); //backHome父组件的方法,e要传递的参数}
}4. 父组件接收回调
父组件中子组件回调的方法名
back(e){console.log(e) //e是传过来的参数val
}5. 组件调用流程 子组件也可以理解为公共组件供其他父页面引入达到公共页面或者逻辑抽取的效果 组件调用流程
1.父组件引入子组件2.父组件传参子组件3.子组件接收参数4.执行处理5.处理完成将结果回传父组件6.父组件接收子组件回传结果7.父组件继续执行以后的处理