在使用vue3 setup语法糖同时使用mixins

在使用vue3 setup语法糖同时使用mixins,第1张

利用setup语法糖和普通script能同时使用,并且普通的script setup的写法可以兼容vue2的写法去实现。

代码实现如下:

// a文件







// mixins.js
export default {
    data() {
        return {
            bb: 'bbbbbb'
        }
    },
    methods: {
        aa() {
            console.log('aa');
        }
    }
}

注意:这里需要注意的因为我使用的ts,所以普通script和setup语法糖都需要是同一语言类型,也就是要都要声明lang="ts"。

 

缺点:好像无法在mixins里使用setup语法糖里使用的defineProps和defineEmits,因为这两个只能在setup语法糖使用,是编译器宏,是不需要导入的。

另外一提,setup语法糖和带有src属性的script一起共用。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1297659.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-10
下一篇 2022-06-10

发表评论

登录后才能评论

评论列表(0条)

保存