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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
用户7617363540112 小时前
浏览器渲染原理
前端·浏览器
拉不动的猪12 小时前
Vue 跨组件通信底层:provide/inject 原理与实战指南
前端·javascript·面试
得物技术12 小时前
从数字到版面:得物数据产品里数字格式化的那些事
前端·数据结构·数据分析
用户66006766853913 小时前
用 Symbol 解决多人协作中的对象属性冲突实战
前端·javascript
yinuo13 小时前
前端跨页面通讯终极指南①:postMessage 用法全解析
前端
c***979813 小时前
Vue性能优化实战
前端·javascript·vue.js
哈哈O哈哈哈13 小时前
ECMAScript 2025 正式发布:10 个让你眼前一亮的 JavaScript 新特性!
前端·javascript
哈哈O哈哈哈13 小时前
2025 年值得关注的 CSS 新属性与功能
前端·css
我叫张小白。13 小时前
TypeScript泛型进阶:掌握类型系统的强大工具
前端·javascript·typescript
麦麦在写代码13 小时前
前端学习4
前端·学习