做弹窗的时候，里面包裹组件，更推荐 把提交按钮 放到 组件外面 还是 里面？

<el-dialog title="配置门店信息模板"
  :visible.sync="dialogVisible.configTemplateDialog"
  top="50px"
  width="1000px">
      <store-info-maintenance
          ref="storeInfoMaintenance"
          v-if="dialogVisible.storeInformationDialog">
      </store-info-maintenance>
      <div slot="footer" class="dialog-footer">
        <el-button>取 消</el-button>
        <el-button @click="">确 定</el-button>
      </div>
</el-dialog>

类似这样的一个dialog会通过点击确定事件 然后 通过 ref 去调用子组件的方法 进行 添加这样类似的处理，还是说 应该把 确认和 取消按钮 都一起放到 子组件中呢？