vue的hooks和mixins功能相似,但又比mixins具有以下几个优势:
- 允许hooks间相互传递值
- 组件之间重用状态逻辑
- 明确指出逻辑来自哪里
demo源码示意:
hook1:
import {
useData, useMounted } from 'vue-hooks';
export function windowwidth() {
const data = useData({
width: 0
})
useMounted(() =>