前端开发： Vue封装复用思想的运用（其一）

在编程开发过程中，封装思想很重要，涵盖整个方面无死角；如果是在前端开发的时候，组件封装也是必备思想，而且组件的复用深入人心，既方便开发维护，也可大大提高开发进度，所以复用思想的运用很重要。

那么本篇博文就来分享一下关于前端的复用思想的运用，方便开发的时候复用思想的灵活运用，以前端开发的一个具体的简单应用来说明复用思想的一个方面。本博文案例以一个模块下的不同状态的弹框复用来进行讲解，技术点不难，分享给有需要的人，不喜请走开。具体演示如下所示：

1、首先来看一下，两个地方想公用一个弹框，未修改弹框之前的写法如下：

2、接着对上述需求进行解决，修改弹框的复用，以及弹框里面的操作的复用，具体操作如下所示：

①

<template>

  <page-header-wrapper>