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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
丁婷婷6 分钟前
Reflect 在 Vue3 响应式中的作用是什么?
vue.js
三十而立洋12 分钟前
彻底搞懂跨域:原理、CORS、解决方案与实战避坑
前端
xiaominlaopodaren12 分钟前
three.js最小地图运行时(十):接入离线逻辑瓦片剖面
javascript·gis·three.js
计算机魔术师14 分钟前
ASR转录总出错?Google新模型WER降到2.6%,还能自动帮你改口误
前端
吃西瓜的年年15 分钟前
vue3原理思维导图
vue.js·笔记·flutter
xcs1940515 分钟前
新版 IDEA(尤其是 2024/2025/2026)越来越臃肿
前端·人工智能·intellij-idea
Patrick_Wilson16 分钟前
iOS 第三方浏览器图片下载失败问题
前端·ios·浏览器
菜鸟小前端在线卖艺22 分钟前
因为找不到好用的前端占位图,于是我自己写了个谁都能用的占位图功能
前端·程序员·产品
Z小明22 分钟前
第 1 章 Vite 项目初始化
前端·vue.js
IT_陈寒24 分钟前
Redis大KEY删除慢到手抖,这几个方法让我少熬一夜
前端·人工智能·后端