自定义模版组建，利用vue的slot

前言：在做后台管理系统的时候，经常会有左右结构页面，还有都是列表的页面，左右结构的页面还可以进行拖拽，实现可视区域变大变小，这样我们就可以把这个框架写成组件，避免框架的样式重复写，利用vue的slot

<template>
  <div class="T-m2OrgUser T-sys-manager">
    <slot name="header">
      <!-- 如果页面有面包屑可以写在这里，如果没有可以删除 -->
    </slot>
    <!-- 左右结构 -->
    <div class="m2OrgU" ref="contentMain" v-if="isleftright">
      <div ref="contentOne" class="m2Left" :style="contentOneStyleObj">
        <slot name="left"></slot>
      </div>
      <div ref="contentTwo" class="m2Right" :style="contentTwoStyleObj">
        <div @mousedown="move($event)" class="moveDiv"></div>
        <slot name="right"></slot>
      </