Vue 实现动态配置组件

Vue 实现动态配置组件

1. 实现效果：

2. 实现思想：

对比组件相似度，若只有部分不同，即可使用动态配置组件。即两个模块使用同一组件实现，不同的地方设置为可配置项；

父组件： 在父组件中导入子组件，向子组件传入相同的值 informTitle ，根据不同的需求在 data中设置不同的值；

子组件： 通过 props 接收父组件的传入的值，并对应使用。

3.实现代码:

  <!--父组件 -->
 <div class="sensitive_manager">
      <div class="add_label_title">
        <label> 法国的风格：</label>
      </div>
       <!-- 复用子组件 1 -->
      <informModal :informTitle="sensitiveTitle"></informModal>
    </div>
    <!-- 三大所发生的 -->
    <div class="risk_notification"</