Vue混入使用和选项合并详解

目录

  • 1、在组件中使用
  • 2、选项合并
  • 总结

1、在组件中使用 混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。


2、选项合并 当组件和混入对象含有同名选项时,这些选项将以恰当的方式进行“合并”。
比如,数据对象在内部会进行递归合并,并在发生冲突时以组件数据优先。
.event_style {padding-left: 50px; padding-right: 50px; }.inner_children {display: flex; flex-direction: column; height: 150px; border: 1px solid #333; padding: 6px; }.inner_children span {font-size: 20px; }

页面呈现的效果
Vue混入使用和选项合并详解
文章图片

由上图可以看出,混入的数据和方法和组件定义的有冲突时,以组件的优先,当组价中未定义时,才会进行合并,显示混入定义的效果

总结 【Vue混入使用和选项合并详解】本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!

    推荐阅读