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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
LQE14 小时前
深入理解 Vue 响应式系统:从 Vue 2 到 Vue 3 的演进之路
前端
美团技术团队14 小时前
重塑站外体验:大众点评 M 站基于 Qwik.js 的重构实践
前端
Arthur147261228654714 小时前
preventDefault、stopPropagation 、stopImmediatePropagation 区别
前端
badhope14 小时前
一命速通蓝桥杯全攻略
开发语言·前端·人工智能·python·职场和发展·蓝桥杯·github
下北沢美食家14 小时前
前端性能优化面试题
前端·性能优化
点正14 小时前
详解TypeScript项目引用(Project References)中rootDir的坑:composite:true下为何不能指定rootDir
前端·next.js
向前跑丶加油14 小时前
tailwindcss构建执行npm exec tailwindcss init -p 报错
前端·npm·node.js
gustt14 小时前
手写 Mini React:深入理解 createElement 和 render 原理
前端·react.js
陈随易14 小时前
向日葵+AI,远程操控又进化了
前端·后端·程序员