> For the complete documentation index, see [llms.txt](https://xiaolin.gitbook.io/vv-ui-plugins/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://xiaolin.gitbook.io/vv-ui-plugins/untitled.md).

# 组件

这里的组件只有两个，因为 VV-Plugins 根本不是一个大而全的 UI 框架，仅仅提供一些小功能

## 如何使用

这里的组件，已经全局安装过，按照组件引入就可以使用了, 就这种例子

```javascript
<template>
  <VvPopUp :shellContH="2" :zIndex="10" refs="pop">
    <div>
     ......
    </div>
  </VvPopUp>
  <span @click="showPop">showPop</span>
  <span @click="closePop">closePop</span>
</template>
<script>
export default {
  name: 'App',
  data() {
    return {};
  },
  methods: {
    showPop() {
      this.refs.pop.slideUpShell();
    },
    closePop () {
      this.refs.pop.slideDownShell();
    }
  }
};
```