vue3使用vscode写uniapp引入uview-ui组件
同时支持 Vue3.0 和 Vue2.0,你没看错,现在 uView 支持 Vue3.0 了!(不支持nvue,此版本为uView1.0的分支)【开箱即用】uView Vue3 横空出世,继承uView1意志,再战江湖,风云再起!- DCloud 插件市场。好啦,按照以上配置,就可以直接在页面上使用了。这个级支持vue2,也支持vue3。
·
1.找到插件
链接在这里
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";
好啦,按照以上配置,就可以直接在页面上使用了
更多推荐
已为社区贡献1条内容
所有评论(0)