vue 指令之气泡提示效果的实现代码

菜鸟学习之路 //L6zt github 自己 在造组件轮子，也就是瞎搞。 自己写了个slider组件，想加个气泡提示。为了复用和省事特此写了个指令来解决。 预览地址 项目地址 github 我叫给它胡博 效果图片 我对指令的理解: 前不久看过 一部分vnode实现源码，奈何资质有限…看不懂。 vnode的生命周期—–> 生成前、生成后、生成真正dom、更新 vnode、更新dom 、 销毁。 而Vue的指令则是依赖于vnode 的生命周期， 无非也是有以上类似的钩子。 代码效果 指令挂A元素上，默认生成一个气泡容器B插入到 body 里面，B 会获取 元素 A 的位置信息 和 自己的 大小