美文网首页
props和methods方法名冲突时的执行

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

作者: 左学 | 来源:发表于2019-06-03 23:45 被阅读0次

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

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

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

demo地址:demo

相关文章

网友评论

      本文标题:props和methods方法名冲突时的执行

      本文链接:https://www.haomeiwen.com/subject/oikkxctx.html