问题背景 前端交互中经常使用确认框。在删除、修改等操作时，调用后端接口之前，先跳出弹框显示提示信息，提示用户确认，避免用户误操作。 项目中全局引入了Element UI，提供了一套模态对话框组件，用于消息提示、确认消息、提交内容，使用起来也非常简便。 （什么是“模态”？可将其理解为：特定条件触发 ...

1、前言   通过封装el-pagination组件开发自定义分页组件的类似文章网上已经有很多了，但看了一圈，总是不如意，于是决定还是自己动手搞一个。 2、背景 2.1、常规分页处理方法   利用el-pagination组件的常规做法如下：   模板部分：   脚本 ...

一、导语 　　突然冒出四个字，分即是合，嗯，有点道理。。。。。。。。。。。。。。。。。。。。。。。 二、正文 　　在搞的仿淘宝demo，之前加入购物车是与商品详情一块的，今天把它单独拆出来，复用性高点，那这样的话，就涉及到了组件开发了。vue的组件注册是超级超级容易的，接下来就简短的说说组件 ...

1、为什么要使用自定义组件？ 自定义组件是用来封装复杂的内容，提高可重用性，比如封装复杂的表格组件、日历组件、图片轮播组件等。 2、自定义组件 2.1. 全局组件 全局组件是每个Vue对象都能使用的组件。 通过Vue.component()函数 ...

理解 组件：简言之就是将一些共性的内容做一个封装，方便以后重复使用。 在vue中组件包括：全局组件和局部组件。组件都具有复用性，自定义的组件拥有vue的全部特性，包括生命周期、template、data、methods、script、style等。 组件的命名： （1）组件名称官方规定使用 ...

除了核心功能默认内置的指令外，vue也允许用户注册自定义指令。虽然在vue2.0中，代码复用和抽象的主要形式是组件，但是有些情况下，我们仍需要对普通DOM元素进行底层操作，这个时候就需要用到自定义指令，例如，我们希望将元素的背景色变为红色，就可以通过指令实现。 上面简单的实例中 ...

。。。啥也不说了，难受啊 toggle-switch.vue App.vue ...

开发背景就不过多赘述了，直接先来几张效果图吧 1.首先在 package.json 中添加echarts： 2.然后执行 npm install； 3.接下来就开始编写相关组件文件，代码量较大，建议直接复制下来按步骤运行： 3.1.创建组件文件 ...