Vue mixins extends extend components

Posted 2020-10-12 炎泽

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue mixins extends extend components相关的知识，希望对你有一定的参考价值。

mixins

调用方式: mixins: [mixin1, mixin2]

是对父组件的扩充，包括methods、components、directive等。。。

触发钩子函数时，先调用mixins的函数，再调用父组件的函数。

虽然也能在创建mixin时添加data、template属性，但当父组件也拥有此属性时以父为准，从这一点也能看出制作者的用心（扩充）。

data、methods内函数、components和directives等键值对格式的对象均以父组件/实例为准

extends

调用方式: extends: CompA

同样是对父组件的扩充，与mixins类似，但优先级均次于父组件

extend

扩展组件的构造器

当我们调用vue.component(‘a‘, {...})时自动调用

值得注意的是extend内的data为一个函数

component

利用extend扩展的构造器创建注册组件

以上是关于Vue mixins extends extend components的主要内容，如果未能解决你的问题，请参考以下文章