18910140161

vue3.0使用Composition API如何使用mixins

顺晟科技

2022-09-03 12:24:12

253

在2.0中使用mixins可以把常用方法封装在mixins例如:


顺晟科技:

子类

}

基类

只是似乎不支持 script setup

setup () {const {add,update,delObject,clear,delStore,delDb} = crudManage(re, getAll)return {add,

就像下面这张图说的

然后调用方法

组件

但如果是这样的话,应该就实现不了这样的功能了吧

https://juejin.cn/post/6924206224078536712

vue3还是有mixins的 组合选项 | Vue.js而且还有 extends 组合选项 | Vue.js

这样就可以了。虽然有点鸡肋。

但问题来了,我感觉这样的话,真的就只是单纯地导入了一个外部js的一些方法而已。像是mixins里面有钩子函数,组件里面也有钩子函数,vue2里面的mixins,是会自动将两个钩子函数里面的内容都调用的。

还可以用class的继承。

如果在Composition API该如何实现????覆盖mixins内的方法,mixins里的hello可执行此方法

那我大概了解了,照你的意思的话就是现在,vue3基本不再官方提供Mixins,如果要用的话就只能是自己根据组合式API进行封装。谢了,兄弟

另外,钩子,可以被多次调用的。就是说,基类钩子、子类钩子、组件钩子,都会被调用。hook里的钩子也一样会被调用,不受其他钩子的影响。

vue3已经不推荐使用mixins了。而是用更方便的方法,比如 import

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航