vue的混入介绍

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";
相关推荐
恋猫de小郭6 分钟前
Flutter 状态管理基准测评,一个很有趣的观点
android·前端·flutter
雪芽蓝域zzs11 分钟前
前端编辑组件wangEditor
前端
风骏时光牛马39 分钟前
稳定性治理及疑难问题深度剖析与实战复盘
前端
AIGC小尼1 小时前
穿山甲 + 腾讯短剧短视频聚合广告平台|Android+SpringBoot+Vue+Docker 完整部署指南
android·vue.js·spring boot·聚合广告·广告平台·穿山甲广告·腾讯广告
JeffongTan9 小时前
在LWC中镶嵌VF Page获取用户IP
前端·javascript·salesforce
不cong明的亚子11 小时前
web live多屏互动平台
javascript·经验分享·音视频
陆枫Larry11 小时前
Astro 是什么
前端
是立不是利13 小时前
写给设计师的 CSS 博客美学指南
前端·css
dsyyyyy110113 小时前
JS复习,难点,易错点总结
开发语言·javascript·ecmascript
默_笙13 小时前
🏝 Docker 就是"房地产开发":从施工图纸到小区物业的容器化指南
前端·javascript