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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
大飞哥~BigFei几秒前
新版chrome浏览器安全限制及解决办法
java·前端·chrome·安全·跨域
hepingfly2 分钟前
SEO 如何寻找关键词?
前端
IT_陈寒4 分钟前
SpringBoot 3.2实战:5个性能优化技巧让你的应用提速50%
前端·人工智能·后端
扶苏100211 分钟前
前端js高频面试点汇总
开发语言·前端·javascript
firstacui12 分钟前
Keepalived 双主热备和三主热备
前端·chrome
北辰alk12 分钟前
Vue 3 性能革命:比闪电还快的秘密,全在这里了!
vue.js
小二·30 分钟前
Python Web 开发进阶实战:微前端架构初探 —— 基于 Webpack Module Federation 的 Vue 微应用体系
前端·python·架构
内存不泄露33 分钟前
人脸识别考勤系统
ide·vue.js·python
阿呆59134 分钟前
html前端开发注释的写法
前端·html
pusheng202537 分钟前
守护能源与数据的安全防线:从UL 2075标准解析储能及数据中心氢探技术的演进
前端·安全