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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
三小河1 分钟前
从零实现ollama本地大模型可视化+内网穿透
前端·javascript·面试
Mintopia3 分钟前
高效简练的 CSS 架构:用最少规则支撑最大规模
前端·css
技术钱3 分钟前
vue3 + vant移动端实现上拉刷新下拉加载
vue.js·vant
Cg136269159744 分钟前
JS-对象-array数组
开发语言·前端·javascript
weixin456227199 分钟前
省市区镇村五级联动
前端·javascript·chrome
智海观潮13 分钟前
只用一周时间通过AI工具重写Next.js,Cloudflare推出vinext重建前端开发边界
开发语言·javascript·人工智能·大模型·web
窝子面14 分钟前
二十三、第三方登录
前端·javascript·html
好运yoo15 分钟前
在package.json中scripts这个配置的命令是什么意思
前端·webpack·json·vite·wepack
C澒16 分钟前
前端跨业务线代码复用标准化体系构建与实践
前端·架构
big_rabbit050226 分钟前
[算法][力扣242]有效的字母异位词
java·前端·leetcode