vue.js - 我想知道vue3中是否使用了mixin功能

标签 vue.js

我想知道vue3中是否使用了mixin函数。 Mixin 允许从其他文件导入脚本逻辑。 组合api可以使用与上面相同的功能吗?

最佳答案

mixins 在 Composition API 中不再称为 mixins1

但这只是被删除的名字。事实上,它们的功能是该 API 的基础。

首先,Composition API 允许您将组件的整个逻辑移至其 setup() 函数内。这就是它的全部内容。
乍一看似乎没什么大不了的,但当您仔细考虑时,它实际上是,因为它允许根据您想要的任何标准对代码进行分组,而不必根据组件成员的类型 - 例如:(响应式(Reactive))数据计算方法观察者等等...

其次,一旦定义了分组标准,就可以使用 useStuff() 函数将代码从组件中取出,从其自己的文件中导出,然后导入到任意数量的组件中.

这些是新的mixins:Composables 。与 React hooks 非常相似。


公平地说,我发现 Composition API 比 Mixins API 更好。


1 - 从技术上讲,这不是真的。他们still exist为了向后兼容,但不再推荐它们。可组合性是前进的道路。

关于vue.js - 我想知道vue3中是否使用了mixin功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/72905984/

相关文章:

javascript - 更改 Vuetify 时间轴线的颜色

javascript - 无法获得正确的 JSON 格式,相反我搞砸了

javascript - 更改存储中的值后如何调用组件中的函数?

vue.js - 无法访问组件观察器 nuxtjs 内部的 "this"

reactjs - EmberJS 中的 Vuex/Redux 等价物是什么?

javascript - Vue.js:子组件如何改变父组件的状态?

vue.js - 使用Vue CLI3.0创建多页应用程序,如何处理此错误?

vue.js - 手动输入日期和/或使用日历 vuetify

javascript - 创建不能选择过去的日子,只能选择一定数量的 future 日子的日历

vue.js - 如何在组件内的元素上触发过渡事件?