v-splitter

v-splitter是Vue.js中一个内置的分隔符组件，它用于创建可拖动的分割线，常用于窗口布局或者内容区域的划分。使用`v-splitter`可以方便地管理界面中的可调整大小部分，比如左右分栏、上下滑动区域等。通过设置`min-size`属性可以指定最小分割尺寸，而`resizeable`属性则控制是否允许用户调整分割线的大小。

当你需要创建一个可以在视图中动态调整大小的部分，并提供交互式的拖拽功能时，`v-splitter`是非常有用的。例如，在一个响应式设计的应用中，你可以创建一个`<v-container>`，里面包含两个`<v-col>`，中间用`v-splitter`将它们分开。

<template>
  <div class="splitter-demo">
    <v-container>
      <v-col v-splitter></v-col>
      <v-col v-spacer></v-col>
    </v-container>
  </div>
</template>

<script>
import { VSplitter, VCol } from 'vue-vuetify';

export default {
  components: {
    VSplitter,
    VCol
  }
};
</script>