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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
BillKu1 分钟前
vue3+element-plus 输入框el-input设置背景颜色和字体颜色,样式效果等同于不可编辑的效果
前端·javascript·vue.js
每天学习一丢丢3 分钟前
Spring Boot + Vue 项目用宝塔面板部署指南
vue.js·spring boot·后端
惊悚的毛毛虫6 分钟前
掘金免广告?不想看理财交流圈?不想看exp+8?
前端
springfe010112 分钟前
vue3组件 - 大文件上传
前端·vue.js
再学一点就睡20 分钟前
Vite 工作原理(简易版)—— 从代码看核心逻辑
前端·vite
NeilNiu30 分钟前
开源AI工具Midscene.js
javascript·人工智能·开源
好好好明天会更好36 分钟前
uniapp项目中小程序的生命周期
前端·vue.js
CF14年老兵1 小时前
「Vue 3 + View Transition 实现炫酷圆形缩放换肤动画」
前端·css·trae
Warren981 小时前
软件测试-Selenium学习笔记
java·javascript·笔记·学习·selenium·测试工具·安全