混入 vue,vue组件的继承

  混入 vue,vue组件的继承

  混合是一种非常灵活的方式来分发Vue组件的可重用功能,一个混合对象可以包含任何组件选项。下面这篇文章主要介绍Vue混搭和传承的相关信息,有需要的可以参考一下。

  

目录

  前言,混合与混合注意事项(重名情况),局部混合与全局混合,继承,混合与继承,混合与继承的区别总结

  

前言

  Vue中的Mixin是一个比较简单的知识点。熟悉less、sass等CSS预处理语言的开发者,一定熟悉mixin。Vue中的Mixin和mixin less等差不多。它将一些定义好的函数原样注入到Vue组件中,其中有一些类似于面向对象编程中的继承(我刚才说的类似:)。

  Mixin是一个对象,这个对象的属性可以是Vue实例或者组件实例的生命周期钩子和属性。当它被全局混合或混合到组件中时,Vue实例或组件实例具有在mixin中定义的生命周期挂钩和属性。如果两者之间有重复,会按照一定的规则进行合并。

  

混入

  将多个vue文件中复用的函数代码提取到单个js文件中,然后在需要使用的地方调用。

  在js文件中定义一个对象,在这个文件中可以编写可以在所有脚本中定义的代码,比如数据、方法、组件等。在vue文件中。

  

混入注意(重名情况)

  如果出现重名,以组件中的数据变量名和组件中的混合数据变量名为准;

  组件中computed和wath的方法名称,以及computed和wath混合的方法名称,如果名称重复,以组件为准;

  组件中的生命钩子函数和混在里面的生命钩子函数的名字有重名时会执行,但组件中的钩子函数会先执行;

  

局部混入

  

全局混入

  定义和全球注册

  转移

  

继承

  注意:这个不适合多继承,多继承问题会更多。

  扩展不仅可以继承。vue文件,但也像mixin一样使用js文件中的对象。

  中的模板中的html。vue文件,不能继承。

  

混入和继承的区别

  先看公文的定义。其实两者都可以理解为继承;

  Mixins接收对象数组(可以理解为多重继承);

  扩展接收对象或函数(可以理解为单一继承)。

  注意:如果组件同时使用继承和混合,如果它们之间有重复的名称,混合将覆盖继承。

  

总结

  这就是这篇关于Vue混合和继承的文章。更多相关的Vue混合和继承,请搜索我们之前的文章或者继续浏览下面的相关文章。希望大家以后能多多支持我们!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: