如果两个组件要使用相同的方法或其他相同,则可以使用mixin
先创建一个js文件,然后将要相同的方法或功能写进去const xxx=...,在进行暴露,需要的组件用import进行引用,然后mixins:[“xxx”]就可以使用了 可以提高复用率
注意:如果混合里面有的,组件里也有,则使。用组件里的,如果组件没有,混合的也可以用。
有一个例外,就是生命周期勾子里,如mounted两边都使用的话,两边都用,且混合还先用。
也可以全局混合,在最终js文档里引用混合js文件,然后Vue.mixin[xxx]
本文介绍了JavaScript中的Mixin概念,通过创建一个独立的JS文件来封装复用功能,然后通过import引入并使用mixins属性将这些功能混合到需要的组件中,从而提高代码复用率。在组件和Mixins中存在同名方法时,组件内的方法优先。同时,也提到了全局Mixins的设置方式,即在Vue实例中使用Vue.mixin进行应用。
663

被折叠的 条评论
为什么被折叠?



