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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
Rsun0455119 小时前
React相关面试题
前端·react.js·前端框架
Lao乾妈官方认证唯一女友:D19 小时前
通过plasmo的wallet扩展添加新钱包
javascript·web3·区块链
ALKAOUA19 小时前
力扣面试150题刷题分享
javascript·笔记
鹏多多.19 小时前
Flutter使用screenshot进行截屏和截长图以及分享保存的全流程指南
android·前端·flutter·ios·前端框架
LawrenceLan20 小时前
37.Flutter 零基础入门(三十七):SnackBar 与提示信息 —— 页面反馈与用户交互必学
开发语言·前端·flutter·dart
迪巴拉152520 小时前
基于Vue与Spring Boot+Open Cv的智慧校园考勤系统
前端·vue.js·spring boot
swipe20 小时前
JavaScript 对象与属性描述符:从原理到实战
前端·javascript·面试
&活在当下&20 小时前
Vue3 h函数用法详解
前端·javascript·vue.js