vue3 ts 类式写法的mixins

vue-property-decorator 混入(mixins)

// mixins.ts
import { Vue } from 'vue-property-decorator'

class Mixins extends Vue {
    public name = '混入'
    public say() {
       console.log(this.name);
    }
}

export default Mixins

使用mixins()混入,mixins(mixins1, mixins2, ...),有点类似类的继承

// demo.vue
import Mixins from './mixins.ts'
import { mixins, Options } from 'vue-property-decorator'

@Options({ })
export default class Demo extends mixins(Mixins) {
    mounted() {
        this.say()
    }
}

@Options({ })当中也提供了mixins配置项,不过不建议使用,使用方式根vue2的mixins一样,会造成ts类型检测报红

作者:my-wl

出处:https://www.cnblogs.com/my-wl/p/16738024.html

版权:本作品采用「署名-非商业性使用-相同方式共享 4.0 国际」许可协议进行许可。

posted @   梦羽微澜  阅读(1570)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· C#/.NET/.NET Core优秀项目和框架2025年2月简报
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 【杭电多校比赛记录】2025“钉耙编程”中国大学生算法设计春季联赛(1)
more_horiz
keyboard_arrow_up dark_mode palette
选择主题
点击右上角即可分享
微信分享提示