props和methods方法名冲突时的执行

2019-06-03  本文已影响0人  左学

最近看到vue项目中对子组件的props中的Function类型属性和自身methods中同名的函数名,在调用时那个会被执行,或者其执行的逻辑是什么,覆盖还是轮流执行,做了个小测试。
简书中的markdown好像无法嵌入demo,使用图片代替,最后留下demo地址。

html代码 html js代码 js 执行结果: 执行结果

结果显示,最终只执行了methods中的代码,并没有执行从父组件传过来的fnc方法,自身的优先级更高,和mixins的methods类似,函数名冲突时,优先执行自身的方法。

demo地址:demo

上一篇 下一篇

猜你喜欢

热点阅读