vue2 mixin 和 vue3 hook

mixin
1.逻辑函数的复用
2 vue 组件中的选项式API（例如：data，computed，watch）或者组件的生命周期钩子（created、mounted、destroyed）

使用方法
mixins: [mixins], // 注册mixin，这样mixin中所有的钩子函数等同于组件中钩子
1 mixin中的生命周期函数会和组件的生命周期函数一起合并执行。
2 mixin中的data数据在组件中也可以使用。
3 mixin中的方法在组件内部可以直接调用。
4 生命周期函数合并后执行顺序：先执行mixin中的，后执行组件的。
5 同名函数冲突问题，本组件中优先级高于mixin

hook

1.vue3 的 hook函数 相当于 vue2 的 mixin(对象), 但是 hooks 是函数
2.vue3 的 hook函数 可以帮助我们提高代码的复用性, 让我们能在不同的组件中都利用 hooks 函数

import { name_hooks } from './name_hooks'
const { name, setName } = name_hooks() // 注意： 通常需要通过解构赋值将需要的属性方法添加进组件中，解构时需要注意响应式丢失的问题

参考文献 https://blog.csdn.net/qq_41370833/article/details/132579179