最后不要忘了组件销毁前把窗口事件监听这个方法给注销，因为这个方法是全局的，如果不注销会影响到其他页面。 我的效果实现表演完了，如果大家看完有啥想问的都可以评论，我会及时回复的。上方如果有问题，欢迎大家提出，我会改正的。

本文将揭示这些技巧，让你在前端开发的舞台上独领风骚。无论你是一个勇敢的创新者还是一个喜欢调皮捣蛋的开发者，这些技巧都将让你的`ElementUI`应用更加酷炫和有趣！

websocket在vue2中的封装使用 先说需求： 页面中有websocket连接，进入的时候发送参数到后端，后端发送消息， 离开页面时发送参数至后端，后端停止发送消息，不得断开连接， 下一次进入时

目前暂6篇即01核心思想篇，02变化侦测篇（响应式篇）、03虚拟dom篇、04模板编译篇、05生命周期篇、06vue3探索篇，主要基于vue2.6和vue3.2版本源码库分析，共约2万字。

封装组件注意点 不要为了封装而封装 只封装不变的部分，将变化的部分通过slot或其他方式，暴露出去，交给调用者实现 为了提供封装组件的复用率，优先封装为UI组件，而不是封装为业务组件（即：封装组件内部

在日常开发的过程中通常我们会遇到一个填写表单信息的弹窗，这个时候新手会无所畏惧的直接就将这个弹框写到页面中，稍微有点追求的会将这个弹框封装成一个组件，但是还是会觉得自己的组件封装的不够好，今天我就带大

方案1：el-dialog设置可拖动安装"vue-element-dialog-draggable":"^1.0.3"main.js引入一下设置一下可拖动v-draggable方案2：bootstra