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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
uhakadotcom几秒前
fastapi的最新版本,提供了哪些新api可供使用
前端·面试·github
G***66914 分钟前
前端组件单元测试覆盖率,目标与实现
前端·单元测试
天天进步20155 分钟前
前端单元测试从入门到精通:Jest与Testing Library实战
前端·单元测试
U***49837 分钟前
前端组件单元测试模拟数据,Mock Service Worker
前端·单元测试
百***355110 分钟前
TypeScript 与后端开发Node.js
javascript·typescript·node.js
启山智软16 分钟前
使用 Spring Boot + Vue.js 组合开发多商户商城(B2B2C平台)是一种高效的全栈技术方案
vue.js·spring boot·后端
hongliangsam20 分钟前
Vue 3 defineModel 完全指南
vue.js
ZT_KeBei23 分钟前
前端调试利器——pageSpy的使用简易指南
前端
少卿26 分钟前
PerformanceObserver 性能条目类型(Entry Types)
前端·javascript
宇余27 分钟前
ES2025新特性实战:5分钟get前端高频实用语法
前端·typescript