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";
相关推荐
kyriewen10 小时前
面试官让我用 AI 重构一个 8 年陈的 React 组件——他说他不看代码,只看我会不会拆
前端·javascript·面试
计算机魔术师10 小时前
700吉瓦「幽灵用电」:美国AI数据中心的抢电闹剧正在失控
前端
IT_陈寒10 小时前
JavaScript数组排序踩的坑,差点让我加班到凌晨
前端·人工智能·后端
风骏时光牛马10 小时前
提示词工程:大模型交互的核心构建艺术
前端
今日无bug11 小时前
大模型的回答是怎么一个字一个字蹦出来的?前端流式输出解析
前端·llm·agent
计算机魔术师11 小时前
Anthropic 复盘 Claude 模型越权访问真实系统事件并改进对齐与安全措施
前端
掘金者阿豪11 小时前
Seedance 2.0/2.5 虚拟素材能跨 Key 共用吗?一次讲清 Asset ID、账号隔离与 SaaS 素材架构
前端·后端
Jacky199911 小时前
Electron + Vue 3 桌面打字游戏实战:从 VSCode 扩展到独立应用的架构改造
javascript
用户500937683903911 小时前
热敏小票 Web 打印:我在 58/80mm 上折腾的两周
前端·vue.js
XGM11 小时前
一个前端新手的"顿悟"时刻:DOM树、渲染原理和JS动态渲染
前端