uni-app使用uni-ui

1.安装uni-ui

npm install @dcloudio/uni-ui

2.引入组件

import {uniBadge} from '@dcloudio/uni-ui'
//import uniBadge from '@dcloudio/uni-ui/lib/uni-badge/uni-badge.vue' //也可使用此方式引入组件
export default {
    components: {uniBadge}
}

3.所有组件使用方法可查看官网：https://uniapp.dcloud.io/component/README

4.个人目前所遇到的坑，使用组件报错，需要更改为v3版本编译器
 

1.确保HBuilderX 2.5.1以上版本
2.在manifest.json可视化视图-App其他常用设置里勾选v3编译器，或者源码视图里的app-plus节点下添加"compilerVersion": 3即可开启V3，体验畅爽的App端开发。
3.注意：开启成功之后，编译App时控制台会输出编译器版本：*.*.*（v3）