vue-multipane是Vue.js组件，用于创建响应式，可调整大小的水平/垂直拆分面板。

特征：

• 使用CSS3 Flexbox。
• 支持垂直和水平布局。
• 支持固定和流动窗格。
• 使用CSS配置一切！

安装和下载：

$ npm install vue-multipane

使用

首先，导入vue-multipane您的Vue组件。

import { Multipane, MultipaneResizer } from 'vue-multipane';

export default {
  // ...
  components: {
    MultiPane,
    MultiPaneResizer
  }
}

然后，使用多窗格组件构建拆分窗格布局。

<multipane>
  <div>Pane 1</div>
  <multipane-resizer></multipane-resizer>
  <div>Pane 2</div>
  <multipane-resizer></multipane-resizer>
  <div>Pane 3</div>
</multipane>

---

官网：https://github.com/yansern/vue-multipane

演示：https://www.vue365.cn/code_demo.php?id=3547

GitHub下载：https://github.com/yansern/vue-multipane/archive/master.zip