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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
西陵12 分钟前
别再写 Prompt 了Spec Mode 才是下一代 AI 编程范式
前端·人工智能·ai编程
如意猴13 分钟前
【前端】002--怎样制作一个简历界面?
开发语言·前端·javascript
NickJiangDev19 分钟前
Elpis Schema 动态组件与表单:配置驱动的完整 CRUD 闭环
前端
kerli22 分钟前
Compose 组件:Box 核心参数及其 Bias 算法
android·前端
luckyCover22 分钟前
TypeScript学习系列(二):高级类型篇
前端·typescript
NickJiangDev23 分钟前
Elpis NPM 发布:把框架从业务中剥离出来
前端
comerzhang65524 分钟前
手撕 V8:我是如何用 2.67ms 的心跳活捉 700ms 冻结幽灵的
javascript
im_AMBER25 分钟前
手撕发布订阅与观察者模式:从原理到实践
前端·javascript·面试
九英里路27 分钟前
cpp容器——string模拟实现
java·前端·数据结构·c++·算法·容器·字符串
Justin3go32 分钟前
丢掉沉重的记忆:Codex、Claude Code 与 OpenCode 的上下文压缩术
前端·后端·架构