Vue3前端框架组件的混入Mixin详解

一、概述

目前我们是使用组件化的方式在开发整个Vue的应用程序,但是组件和组件之间有时候会存在相同的代码逻辑,我们希望对相同的代码逻辑进行抽取。

    在Vue2和Vue中都支持的一种方式就是使用Mixin来完成:

Mixin提供了一种非常灵活的方式,来分发Vue组件中的可复用功能;、

一个Mixin对象可以包含任何组件选项;

当组件使用Mixin对象时,所有Mixin对象的选项将被混合进入该组件本身的选项中;

二、基本使用

步骤一:新建混入的js文件

在src目录下新建mixins文件夹,并在该文件夹下新建混入文件:cartMixins.js。内容如下:

步骤二:组件中使用混入的js文件




转载请注明:http://www.aierlanlan.com/tzrz/5735.html

  • 上一篇文章:
  •   
  • 下一篇文章: