Vue2-mixin混入对比Vue3-Hooks

1.mixin使用方法

1.1 新建一个firstMixins.js文件，和vue组件一样来定义我们的data、components、methods 、created、computed等属性

1.2 在vue文件中直接引入使用

注：mixin里面的生命周期在组件中的生命周期触发前触发

2.Vue3 hooks使用

点击跳转--> 别人梳理的Vue3 Hooks样例

3.分析

mixin 容易发生冲突：因为每个特性的属性都被合并到同一个组件中，在使用过程中需要注意属性名冲突
可重用性是有限的：因mixin不是函数，不能向 mixin 传递任何参数来改变它的逻辑，具有一定局限性；

vue3 中的 hooks 函数相当于 vue2 里面的 mixin 混入，不同在于 hooks 是函数。
vue3 中的 hooks 函数可以提高代码的复用性，能够在不同的组件当中都利用 hooks 函数。