Vue内置缓存组件keep-alive

     <el-tab-pane label="周边配套" :disabled=!gardenId name="five">
        <keep-alive>
          <Surrour :gardenId="gardenId" v-if="activeName === 'five'"/>
        </keep-alive>
      </el-tab-pane>

用法：包裹住子组件，可以使得子组件销毁的时候数据缓存起来，可以用作数据回显