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

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

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

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

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

在一个页面引用这个文件

主页面接收事件

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

相关推荐
wuhen_n11 分钟前
Promise与async/await
前端
LYFlied13 分钟前
前端路由核心原理深入剖析
前端
用户190176844786513 分钟前
vue3规范化示例
前端
用户190176844786515 分钟前
Git分支管理与代码合并实践:保持特性分支与主分支同步
前端
哈__24 分钟前
React Native 鸿蒙跨平台开发:下拉刷新功能
javascript·react native·react.js
没有鸡汤吃不下饭34 分钟前
前端打包出一个项目(文件夹),怎么本地快速启一个服务运行
前端·javascript
liusheng36 分钟前
Capacitor + React 的 iOS 侧滑返回手势
前端·ios
CUYG1 小时前
v-model封装组件(定义 model 属性)
前端·vue.js
子洋1 小时前
基于远程开发的大型前端项目实践
运维·前端·后端
用户35020158847481 小时前
基于react-routet v7 的配置式 + 约定式路由系统 第一步:引入react-routerv7
前端