最近看到vue项目中对子组件的props中的Function类型属性和自身methods中同名的函数名,在调用时那个会被执行,或者其执行的逻辑是什么,覆盖还是轮流执行,做了个小测试。
简书中的markdown好像无法嵌入demo,使用图片代替,最后留下demo地址。
结果显示,最终只执行了methods中的代码,并没有执行从父组件传过来的fnc方法,自身的优先级更高,和mixins的methods类似,函数名冲突时,优先执行自身的方法。
demo地址:demo
最近看到vue项目中对子组件的props中的Function类型属性和自身methods中同名的函数名,在调用时那个会被执行,或者其执行的逻辑是什么,覆盖还是轮流执行,做了个小测试。
简书中的markdown好像无法嵌入demo,使用图片代替,最后留下demo地址。
结果显示,最终只执行了methods中的代码,并没有执行从父组件传过来的fnc方法,自身的优先级更高,和mixins的methods类似,函数名冲突时,优先执行自身的方法。
demo地址:demo