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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
Highcharts.js3 分钟前
Highcharts for Python|用 Pythonic 的方式构建AI数据可视化图表
前端·人工智能·python·信息可视化·数据科学·highcharts·ai可视化
是罐装可乐5 分钟前
SPA首屏接口过多导致卡顿?一套前端请求调度方案彻底解决
前端·性能优化·spa·前端架构·请求队列
子豪-中国机器人14 分钟前
python AI自动化
java·前端·python
JavaPub-rodert25 分钟前
Codex GPT-5.4 使用教程(命令大全版)
前端·chrome·gpt·codex
农夫山泉不太甜26 分钟前
Expo插件开发完全指南:原理剖析与实战进阶
前端
wy31362282128 分钟前
Android——组件化实战:Application启动时用ARouter实现跨模块调用
java·前端·spring
程序员阿峰31 分钟前
前端3D·Three.js一学就会系列: 第一个3D网站
前端·three.js
DLGXY38 分钟前
STM32(二十九)——读写、擦除FLASH
前端·stm32·嵌入式硬件
码路人44 分钟前
Vue生命周期与keep-alive实战理解
vue.js
慧一居士44 分钟前
TanStack功能介绍和使用场景,对应 vue,react 完整使用示例
前端·vue.js