1、npm安装参考：https://ext.dcloud.net.cn/plugin?id=55

2、安装完成后，根目录下出现node_modules，该目录下，是所有的uni-ui组件

3、引用的两种方式如下：

<template>
  <view>

    <uni-badge text="1"></uni-badge>
    <uni-badge text="2" type="success" ></uni-badge>
    <uni-badge text="3" type="primary" :inverted="true"></uni-badge>
    
  </view>
</template>

<script>
  // import {uniBadge} from '@dcloudio/uni-ui'
  import uniBadge from '@dcloudio/uni-ui/lib/uni-badge/uni-badge.vue'
  export default {
    components: {
      uniBadge
    }
  }
</script>

<style scoped>
</style>

4、加载全部的uni-ui导致文件过大，此时可以按需引用，

a、创建一个components文件

b、把@dcloudio/uni-ui/lib/uni-badge复制到components文件下

c、通过如下方式引用即可

import uniSwiperDot from "components/uni-swiper-dot/uni-swiper-dot.vue"
export default {
    components: {
      uniSwiperDot
    },
}