vue3引入uview-plus3.0移動組件庫的流程

更新時間：2023年06月21日 11:48:49 作者：秋葉原的琴音

這篇文章主要介紹了vue3引入uview-plus3.0移動組件庫的流程,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下

vue3引入uview-plus3.0移動組件庫

引入流程

1.導(dǎo)入插件到項(xiàng)目

項(xiàng)目地址：https://ext.dcloud.net.cn/plugin?name=uview-plus

2.在main.js引入uview

// main.js
import uviewPlus from '@/uni_modules/uview-plus'
// #ifdef VUE3
import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
    app.use(uviewPlus)
  return { 
    app
  }
}
// #endif

3.uni.scss引入主題樣式

@import '@/uni_modules/uview-plus/theme.scss';

4.App.vue引入樣式

@import "@/uni_modules/uview-plus/index.scss";

5.page.json配置全局組件模式

"easycom": {
	"^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue"
},

大功告成

<u-tabs :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
data() {
		return {
			list: [{
				name: '待收貨'
			}, {
				name: '待付款'
			}, {
				name: '待評價'
			}],
			current: 0
		}
	}

到此這篇關(guān)于vue3引入uview-plus3.0移動組件庫的文章就介紹到這了,更多相關(guān)vue3移動組件庫內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

Vue內(nèi)存泄漏的識別和解決方案
Vue是人氣爆棚且地表最強(qiáng)的JS（JavaScript）框架,祂允許我們構(gòu)建動態(tài)交互式的Web App,然但是,和任何軟件雷同,Vue App偶爾會遭遇內(nèi)存泄漏,導(dǎo)致性能暴跌和意外行為,今天,我們將深入Vue App內(nèi)存泄漏的原因,并探討識別和修復(fù)這些問題的錦囊妙計(jì)
2023-11-11
基于vuejs實(shí)現(xiàn)一個todolist項(xiàng)目
這篇文章主要為大家詳細(xì)介紹了基于vuejs實(shí)現(xiàn)一個todolist項(xiàng)目，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-04-04
vue 實(shí)現(xiàn)的樹形菜的實(shí)例代碼
這篇文章主要介紹了vue 實(shí)現(xiàn)的樹形菜單,需要的朋友可以參考下
2018-03-03
vue elementui tree 任意級別拖拽功能代碼
這篇文章主要介紹了vue elementui tree 任意級別拖拽功能代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-08-08
vue中的stylus及stylus-loader版本問題
這篇文章主要介紹了vue中的stylus及stylus-loader版本問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
vscode 配置vue+vetur+eslint+prettier自動格式化功能
這篇文章主要介紹了vscode 配置vue+vetur+eslint+prettier自動格式化功能，本文通過實(shí)例代碼圖文的形式給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2020-03-03
如何查看vue-cli版本的兩個命令
這篇文章主要介紹了如何查看vue-cli版本的兩個命令問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2024-01-01
Vue如何獲取元素高度總是不準(zhǔn)確的問題
這篇文章主要介紹了Vue如何獲取元素高度總是不準(zhǔn)確的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
2023-10-10
細(xì)說Vue組件的服務(wù)器端渲染的過程
這篇文章主要介紹了細(xì)說 Vue 組件的服務(wù)器端渲染，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-05-05
vue 組件全局注冊和局部注冊的實(shí)現(xiàn)
下面小編就為大家分享一篇vue 組件全局注冊和局部注冊的實(shí)現(xiàn)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-02-02