# 快速上手
## 使用之前
在开始使用 iPlay Uniapp 之前,你需要先阅读[MPVUE](http://mpvue.com/mpvue/)的相关文档。
## 如何使用
先下载 iPlay Uniapp 的代码,将`components`目录拷贝到自己的项目中。然后按照如下的方式使用组件,以 Button 为例,其它组件在对应的文档页查看:
[iPlay Uniapp下载地址](http://jueketang.com)
1\. 添加需要的组件:
~~~
//全局添加 --- 在main.js中添加
import iButton from '@/components/button/i-button.vue';
Vue.component('i-button', iButton);
//局部添加 --- 在使用页面中添加
import iButton from '@/components/button/i-button.vue';
export default {
components: {
'i-button': iButton
}
}
~~~
2\. 在 vue页面 中使用组件:
~~~
<i-button type="primary" @click="handleClick">这是一个按钮</i-button>
~~~
## 预览所有组件