最近项目里用到了一个新的组件库——OpenTiny，但是官方文档的使用指南的描述很复杂，花了一些时间尝试才正常使用。下面是一个使用步骤的描述，可放心食用：

一、安装

TinyVue 组件库同时支持 Vue 2.0 和 Vue 3.0 框架，统一依赖包为@opentiny/vue，可以执行如下命令进行安装：

Vue3项目：

yarn add @opentiny/vue@3

  或者 

npm install @opentiny/vue@3

Vue2项目：

yarn add @opentiny/vue@2

  或者

npm install @opentiny/vue@2

二、注册

安装完成之后，官方文档提到了CDN方式：

需要在html文件中引入各个文件，但如果是普通的Vue项目，只需要在index.ts或者main.ts文件中注册即可：

import { createApp } from 'vue';
import { router } from './router.js'
import App from './App.vue';

import TinyVue from '@opentiny/vue'

const app = createApp(App)
    .use(router);

app.use(TinyVue).mount('#root');

三、使用

<tiny-button type="primary"> 主要按钮 </tiny-button>

<script>
import { ref } from 'vue'
import { TinyButton } from '@opentiny/vue';
import { iconFile } from '@opentiny/vue-icon'

export default {
  name: 'yourComponent',
  components: {
    TinyButton
  },
  setup() {...}
}
</script>

通过以上步骤即可正常使用啦~