vue的混入介绍

炒毛豆2024-08-12 12:15

1、简单介绍下什么是vue的混入，有什么作用？

首先混入是vue2就有的一个技术了，一般用的不多，根据项目需求来的。下面来看下混入怎么写：

javascript 复制代码

//组件a
<button @click="set"></button>
//一般情况下你会将set方法写到methods中
methods:{
    set(){
        console.log("触发了")
    }
}

混入的使用方法：在src目录下新建mixin文件夹，然后新建一个index.js文件。

javascript 复制代码

export default{
    methods:{
        set(){
            console.log("触发了")
        }
    }
}

使用混入。

javascript 复制代码

//组件a
<button @click="set"></button>
//引入混入文件
import { mixins } from "./mixin/index";