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";
相关推荐
tedcloud12317 分钟前
Wand-Enhancer:如何搭建一套远程开发与测试环境
前端·人工智能·macos·开源·流程图
掘金挖土43 分钟前
前端手摸手跑路之 AI 应用开发(三)
前端·后端
计算机魔术师1 小时前
OpenAI 宣称破解千禧年难题,数学家却说是「反例搜索」?
前端
志尊宝1 小时前
Vue3 零基础每日笔记(015):条件渲染 v-if 与 v-show——控制 DOM 生死还是控制显隐
前端·vue.js·笔记
掘金者阿豪1 小时前
OceanBase 和金仓怎么选?别只看分布式,复杂查询更考验架构取舍
前端·后端·架构
Bug修理工Bubble1 小时前
Swift ARC:一个对象到底什么时候才会被释放?
前端
ClouGence1 小时前
GPT-6 做 UI 自动化测试:Demo 惊艳,但真的适合长期回归吗?
前端·chatgpt·测试
阿酷tony2 小时前
视频专栏列表的防录屏水印和跑马灯效果(也可网站调用)
java·前端·音视频
Bs_MoneyMagnet2 小时前
基于springboot+vue的宠物殡葬管理平台的设计与实现 源码+文档
java·javascript·vue.js·spring boot·后端·宠物
凌风的跨境分享2 小时前
Temu店群运维提效:定时策略自动化任务全场景实操指南
大数据·运维·前端·人工智能·架构·自动化