组合式函数(Composables)解决了mixins的哪些痛点？

点击上方“青年码农”关注

回复“源码”获取各类源码，软件

Vue3 中新增了“组合式函数”(Composables)，它是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。功能类似 Vue2 的 mixins，但又有所不同。

先看看 Vue2 中的 mixins 混入的使用

官方介绍：混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。可以这么理解，混入可以是组件的任意部分（生命周期， data等）。

哪个组件使用就在哪个组件引入

通过上面我们可以很直观的看出 mixins 的问题

1. 追溯

   当使用了多个 mixins 时, property 来自哪个 mixins 变得不清晰,这使追溯实现和理解组件行为变得困难。

2. 重名

   多个 mixins