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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
yingyima11 小时前
JWT Token 解析与安全实践速查:5 问 5 答直击要害
前端
kyriewen12 小时前
我用 Codex 重写了同事维护三年的代码,他没说谢谢——而是找了领导
前端·javascript·ai编程
OpenTiny社区12 小时前
从零开发 AI 聊天页要两周?试试这款 Vue3 垂直对话组件库 TinyRobot,直接开箱即用
前端·vue.js·github
铁皮饭盒12 小时前
S3已成为文件存储标准,阿里/腾讯/华为云都支持,Bun率先原生支持
前端·javascript·后端
Cobyte13 小时前
22.Vue Vapor 组件 props 的实现
前端·javascript·vue.js
lichenyang45313 小时前
从 has.showToast 看 ASCF 的 API 调用链路
前端
张就是我10659214 小时前
DOMPurify 的一个漏洞:你以为 {} 是空的?
前端
浮生望14 小时前
JS字符串与回文算法:从包装类到双指针的面试进阶之路
javascript·算法
疯狂的魔鬼14 小时前
一套 Schema 驱动四视图:记 useCrudSchemas 的设计与实践
前端·javascript·typescript
风骏时光牛马15 小时前
大模型开发工具高频故障与实操问题汇总代码案例大全
前端