美文网首页
VUE----混入

VUE----混入

作者: JuMinggniMuJ | 来源:发表于2020-10-08 12:30 被阅读0次

vue存在一个叫做混入的东西,官方文档给的解释是:
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项
我对它的理解是继承,就像extends一样,只不过vue在组件中使用关键字mixins,所以我就用继承的特点来理解混入

1.子类可以使用父类的属性或方法:

组件的“父类”中定义一个data、methods、computed等,只要组件中混入了这个父类,那么就可以在组件中使用父类相应的方法或属性

2.子类将会覆盖父类的同名属性或方法:

组件中定义一个方法,然而它混入的“父类”中已经定义了这个方法,那么子类将会覆盖“父类”的这个方法,这个就像css中定义了一个class但是在元素上又定义了一个style,那么style中的属性将会覆盖class中的同名属性

3.子类的构造函数和父类的构造函数都会触发

在组件中有个很重要的东西叫做钩子函数,这个就像类中的构造函数,子类和父类中都有构造函数,当调用这个子类时,子类的构造函数和父类的构造函数就都会触发,并且父类的构造函数将会在子类的构造函数之前触发。

4.类的基类

假如所有的组件中都需要某个方法或数值,那么我们在所有的组件中都混入会不会感觉很繁琐?这个时候我们可以使用全局混入

Vue.mixin({
    methods or data
})

它就像定义了一个基类,然后我们所有使用的类都默认继承于它,这样就不用再一次次的重复引入。

相关文章

  • VUE----混入

    vue存在一个叫做混入的东西,官方文档给的解释是:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue ...

  • typecript中的MIxins理解

    知识导向 对象的混入 类的混入 对象的混入 类的混入 下面的代码演示了如何在TypeScript里使用混入。 后面...

  • vue中的混入

    全局混入 局部混入

  • 《混入》

    飞鸟属于天空, 绿树属于大地, 云在跟着风, 影在随着光, 当鲜花开满这里, 在青草上去放牧牛羊, 把鱼儿放归水中...

  • LESS - Mixins(混入)

    混入 Mixins 混入是指把已存在的样式混入到别的样式中。 你可以把 class 选择器 和 id 选择器混入到...

  • 第二十六节:Vue选项:Vue混入对象

    Vue混入的认识: 混入是一种代码的组织方式, 可以在多个组件间横向复用代码. 定义混入对象,只要将混入对象添加到...

  • Vue 之 混入

    1、混入 混入 (mixin) 是作用是分发 Vue 组件中可复用的功能; 一个混入对象可以包含任意组件选项; ...

  • vue----传参

    一、用name传递参数 二、通过 标签中的to传参 三、vue-router 利用url...

  • VUE----事件总线

    vue像是一个由组件组成的金字塔,组件中需要信息的传递 1.父子组件通讯: 2.多级组件之间传递: 当多级组件之间...

  • VUE----弹幕插件

    1.引入弹幕插件: 2.vue中引入: 3.组件中使用: 示例代码: 4.效果截图: 5.说明: github文档...

网友评论

      本文标题:VUE----混入

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