vue中mixins(混入)的使用

在vue组件内,如果想将一些公共功能,如组件、方法、钩子函数等复用,混入是一个很好的选择

你可以将一个对象作为混入的选项,在组件中复用。因为vue实例也是对象,所以你可以将vue实例作为混入选项传递进去。

我们可用创建一个文件用来放混入其他组件的内容

如何混入组件呢?我们需要在组件内import 导入js文件
然后在data的同级下用mixins来混入对象就可以使用了
当然使用的时候有需要注意和知道的地方

如果混入对象变量的名称和组件内变量名称重复的话 以组件定义的值优先
如果钩子函数重名的话 会合并成一个数值 ,都会调用但混入的函数优先

值为对象的选项,如methods,components,directives等,将会合并为一个新对象,如果键名冲突,组件的值优先

原文地址:https://www.cnblogs.com/luckyjiu9/p/13715155.html