mixin

mixin其实就是一个对象,提取组件的公共逻辑

应用场景:有多个组件时,这些组件有一些公共的数据、方法或生命周期函数,但也有其他不同的数据、方法或生命周期函数;此时为了提高代码质量可将公共的部分抽离出来。

实现方法:

1.新建一个mixin.js文件
export default {
    data () {
        return {}
    },
    methods: {},
    mounted: {}
}

2.在使用到这些公共数据的组件中删除原来重复的部分后引入这个文件

import mixin from './mixin'
export default {
    mixins: [mixin]
}
注:mixin可引入多个[mixin, mixin2]

全部评论
感谢楼主分享,学到了
点赞 回复 分享
发布于 2022-08-19 09:16 陕西

相关推荐

牛客383479252号:9,2学生暑期实习失利开始投小厂,给这群人整自信了
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务