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";
相关推荐
范什么特西几秒前
一些常用名词
开发语言·前端·javascript
晴天162 分钟前
前端打包工具全景解析
前端
晴天163 分钟前
Vite vs Webpack 全方位对比
前端·webpack·node.js
体毛旺盛的猿5 分钟前
HarmonyOS开发面试题
前端·华为·harmonyos
anOnion20 分钟前
构建无障碍组件之Landmarks Pattern
前端·html·交互设计
牧瀬クリスだ21 分钟前
前端三件套基础之JS!!!!
前端·javascript
乌夷24 分钟前
JavaScript 的事件循环
开发语言·javascript·ecmascript
风骏时光牛马24 分钟前
提示词工程:大模型交互的核心塑造技术
前端
单线程_0127 分钟前
从案例分析 Vue3 Tokenizer+Parser 源码四
前端·javascript·vue.js
29 分钟前
Python 图片处理:裁剪缩放至300×200,格式JPG/PNG/GIF,控制大小≤100KB
linux·前端·python