造轮子思路二
# VUE轮子
# tabs组件
tabs组件核心在于组件之间的通讯,我使用的是eventBus来做组件通讯
- bus定义到全局(在eventBus中,bus本身就是vue对象本身)
- 然后在组件中,可以使用 $emit, $on, $off 分别来分发、监听、取消监听事件
# popover组件
popover组件常见的写法是气泡框用v-show来隐藏在按钮附近,我参考了其他热门的组件库使用了v-if来写并且气泡框不依赖按钮,而是在body.append接入气泡元素,这里的难点在于气泡如何获取精准的按钮位置并且显示出来。
# toast组件
与popover组件同理,但我用了vue的plugin插件来实现$toast这个方法。
编辑 (opens new window)
上次更新: 2022/05/30, 17:42:07