我们以 vue-cli 工具为例，使用 vue-router 搭建SPA应用，UI框架选用 element-ui ， ajax方案选用 axios, 并引入 vuex ，使用 vuex-router-sync 将 router 同步到 store ，服务器使用本地Nginx服务…

唠叨一个工作中让人不太爽的场景，现在可以的UI组件库一大堆，但在实际业务开发中他们提供的Dialog组件（有的库叫做Model，文中统一称作Dialog）却没有一个用的顺手。怎么回事呢？ 我们先看一个业务场景设计。 把Register类copy一下造一个Login类，然后修改r…

最近在使用element-ui框架，用到了Dialog对话框组件，大致实现的效果，跟我之前自己在移动端项目里面弄的一个弹窗组件差不太多。然后就想着把这种弹窗组件的实现方式与大家分享一下，下面本文会带着大家手摸手实现一个弹窗组件。 本文主要内容会涉及到弹窗遮罩的实现，slot插槽…

现在有两个组件分别叫做father1，father2，分别引入了elementUi的button组件，但是在这两个父级组件中我们都需要对这个button的样式进行微调，如果我们改变公共的子组件的样式，那么这样会同步影响到两个父组件中，该子组件的展示。 本着代码及简原则，用最简单…

基于 Vue2 的简洁易用的中国行政区划选择器，可选择行政区域级别有“省/直辖市“，“市”，”区/县“，”乡/镇/街道”四个级别； 插件的使用模式包含常规表单下拉列表模式、UI 下拉选择器模式以及选中区域的纯文本展示模式

现有3个嵌套组件，A->B，B->C。 我们使用vuex来进行数据管理，依赖于vuex我们可以一次改变，任何一个组件中都能获取。但是如果多个组件共享状态比较少，使用vuex过于麻烦和难以维护。element-ui中大量采用此方法。 自定义vue bus事件总线，原理类似vuex…

昨天在做项目的时候，遇到了一个小小的问题(大神或大佬)可以略过此处，给刚刚入门或者想学习vue的朋友准备的小小的福利。 说明（*****向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。）

el-dialog打开一次之后，再次打开之前的数据不会销毁，依然存在。 我们需要在关闭后重新初始化数据。 有些数据不是表单中的数据，也需要重置。 难道一个个的重新手动赋值吗？当然可以，就是比较麻烦。好在vue帮我们保存了一份原始数据，直接把data复制为原始数据即可 但是如果d…