1.找到插件

链接在这里 

【开箱即用】uView Vue3 横空出世,继承uView1意志,再战江湖,风云再起! - DCloud 插件市场 同时支持 Vue3.0 和 Vue2.0,你没看错,现在 uView 支持 Vue3.0 了!(不支持nvue,此版本为uView1.0的分支)icon-default.png?t=N7T8https://ext.dcloud.net.cn/plugin?id=6692这个级支持vue2,也支持vue3

2.使用插件

将项目去Hbuilder打开,必须保证Hbuilder版本在3.1.0以上

3.引用在项目上

vue2

// main.js
import uView from './uni_modules/vk-uview-ui';
Vue.use(uView);

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

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

vue3

// main.js
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 lang="scss">
    @import "./uni_modules/vk-uview-ui/index.scss";
</style>

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

好啦,按照以上配置,就可以直接在页面上使用了

Logo

一起探索未来云端世界的核心,云原生技术专区带您领略创新、高效和可扩展的云计算解决方案,引领您在数字化时代的成功之路。

更多推荐