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）