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";
相关推荐
数据知道1 分钟前
AES 加密实战——模式选择(ECB/CBC/GCM)与安全陷阱
前端·网络·安全
志尊宝19 分钟前
Vue3 零基础每日笔记(009):watch 侦听器——数据一变就“做事“
vue.js·笔记·缓存
一夜枫林21 分钟前
vue实现scroll-view上下滑动右侧左右滑动
前端·javascript·vue.js
志尊宝34 分钟前
Vue3 零基础每日笔记(011):生命周期钩子——在正确的时间做正确的事
javascript·vue.js·笔记
苏三的开发日记1 小时前
npm EPERM:无法写入 `.npmrc` 的排查与解决
前端
YWL1 小时前
OpenLayers地图分享:URL参数同步+分享链接生成,让用户一键分享地图视角
前端·javascript·vue·openlayers
枫叶梨花1 小时前
Electrobun透明窗口在Windows上的输入穿透排查
前端·electron·bun
卤蛋fg61 小时前
vue 甘特图组件 vxe-gantt 依赖连接线可视化拖拽创建与双击删除
vue.js
梦醒沉醉1 小时前
5、表达式与运算符
javascript
云上工程笔记2 小时前
AstraFlow + React/Vite:如何用自然语言开发并部署一个 AI 咖啡网站原型
前端·人工智能·react.js