Vue 一个简单的mixin的运用,对mixin的初步了解

刚学vue的时候,从一个大神口中老是说什么混入混入,觉得很神秘,后来一了解,原来如此:

其实从字面意思来理解,就是将代码里面的内容混在一起了,上一段代码可能比较好理解一点。

先定义一个简单混入文件mixin.js

javascript 复制代码
export default {
    created(){
        console.log("子路由打开=====", this.$route.path)
        this.$emit("childOpen", this.$route.path);
    },
    data() {
        return {
            
        }
    },
    methods: {
        
    }
};

在一个页面引用这个文件

主页面接收事件

执行效果如下:​​​​​​​

相关推荐
Alice-YUE4 分钟前
前端性能优化完全指南:从指标到实战
前端·学习·性能优化
Rkgua8 分钟前
实例成员和静态成员在对象中的用法
javascript
Momo__8 分钟前
Web Speech API 语音识别与合成详解
前端·javascript
曹牧10 分钟前
Java Web:DispatcherServlet
java·开发语言·前端
FlyWIHTSKY21 分钟前
在 **Element Plus 中,`el-aside` 关闭后**仍然占位置**,通常是因为 **它没有被销毁或宽度没有变为 0**。
前端·javascript·vue.js
AC赳赳老秦22 分钟前
网安工程师提效:用 OpenClaw 实现漏洞扫描报告生成、安全巡检自动化、日志合规审计
java·开发语言·前端·javascript·python·deepseek·openclaw
网络点点滴26 分钟前
NPM 和 package.json 文件简介
前端·npm·json
青木96027 分钟前
前后端开发调试运行技巧
linux·服务器·前端·后端·npm·uv
幻影七幻29 分钟前
js中send的作用和使用 $.ajax的作用
开发语言·前端·javascript
Rabbit_QL30 分钟前
npm 不是“前端的包管理器“—它是 Node.js 的
前端·npm·node.js