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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
Jagger_12 小时前
能不能别再弄低代码害人了
前端
朦胧之12 小时前
AI 编程开发思维
前端·后端·ai编程
踩着两条虫13 小时前
VTJ:快速开始
前端·低代码·架构
木斯佳14 小时前
前端八股文面经大全:携程前端一面(2026-04-17)·面经深度解析
前端·状态模式
2301_7990730214 小时前
基于 Next.js + 火山引擎 AI 的电商素材智能生成工具实战——字节跳动前端训练营成果
javascript·人工智能·火山引擎
Java后端的Ai之路14 小时前
LangChain ReAct Agent 核心技术问答
前端·react.js·langchain
码喽7号14 小时前
Vue学习七:MockJs前端数据模拟
前端·vue.js·学习
NotFound48615 小时前
探究分享从对话到执行:OpenTiny NEXT 如何重塑前端智能化开发范式
前端
小满zs16 小时前
Next.js精通SEO第二章(robots.txt + sitemap.xml)
前端·seo