今天给大家分享一款支持uniapp支持vue3、vue2组件库vk-uview-ui。

vk-uview-ui 同时支持vue2/3 uniapp组件库。

引入组件

// 引入 uView UI
import uView from './uni_modules/vk-uview-ui';

import { createSSRApp } from 'vue'

export function createApp() {
  const app  = createSSRApp(App)
  
  // 使用 uView UI
  app.use(uView)
  
  return { app }
}

App.vue 引入基础样式（注意style标签需声明scss属性支持）。

<style lang="scss">
	@import "./uni_modules/vk-uview-ui/index.scss";
</style>

uni.scss 引入全局 scss 变量文件。

@import "@/uni_modules/vk-uview-ui/theme.scss";

特性

• 1、同时支持 Vue3.0 和 Vue2.0，你没看错，现在 uview-ui 支持 Vue3.0 了
• 2、以 uni_modules 模块形式发布，方便一键更新（同时组件会自动按需加载，无需手动写 easycom 规则
• 3、对部分组件进行了微调，其中大部分调整不会影响你之前的代码运行（如车牌号键盘点击1次中文后会自动切英文+数字键盘）

OK，今天的分享就到这里了。