vue3引入uview-plus3.0移動(dòng)組件庫的流程
更新時(shí)間：2023年06月21日 11:48:49 作者：秋葉原的琴音
這篇文章主要介紹了vue3引入uview-plus3.0移動(dòng)組件庫的流程,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
vue3引入uview-plus3.0移動(dòng)組件庫
引入流程
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
}
}
// #endif3.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: '待評(píng)價(jià)'
}],
current: 0
}
}
到此這篇關(guān)于vue3引入uview-plus3.0移動(dòng)組件庫的文章就介紹到這了,更多相關(guān)vue3移動(dòng)組件庫內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了最基礎(chǔ)的vue.js雙向綁定操作，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了Vue3中實(shí)現(xiàn)瀑布流的兩種主要方案：CSS原生方案和JS計(jì)算方案,CSS方案適用于靜態(tài)短列表,而JS方案適用于長列表和復(fù)雜布局,能夠保證排序正常并支持懶加載,文章詳細(xì)介紹了兩種方案的實(shí)現(xiàn)步驟,需要的朋友可以參考下2025-12-12
這篇文章主要為大家詳細(xì)介紹了Vue.js實(shí)現(xiàn)立體計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
這篇文章主要介紹了Echarts只圖例legend基本配置方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-04-04
vue 基于element-ui 分頁組件封裝的實(shí)例代碼
這篇文章主要介紹了vue 基于element-ui 分頁組件封裝的實(shí)例代碼,代碼簡單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-12-12
Vue實(shí)現(xiàn)路由跳轉(zhuǎn)至外界頁面
這篇文章主要介紹了Vue實(shí)現(xiàn)路由跳轉(zhuǎn)至外界頁面方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-12-12
使用vue3實(shí)現(xiàn)數(shù)據(jù)漏斗圖
漏斗圖一般會(huì)借助一些第三方的庫來實(shí)現(xiàn),這些庫使用起來雖然簡單順手,但是如果要定制樣式就會(huì)不太方便,本文我們就來用vue3手?jǐn)]一個(gè)漏斗圖吧2024-11-11
Vue3使用vuedraggable實(shí)現(xiàn)拖拽排序功能實(shí)例代碼
vuedraggable是一個(gè)基于Sortable.js的Vue.js拖拽排序插件,提供簡單、靈活且強(qiáng)大的拖拽功能,支持Vue2和Vue3,這篇文章主要介紹了Vue3使用vuedraggable實(shí)現(xiàn)拖拽排序功能的相關(guān)資料,需要的朋友可以參考下2026-02-02
Vue3+Element-Plus使用Table預(yù)覽圖片發(fā)生元素遮擋的解決方法
這篇文章主要介紹了Vue3+Element-Plus使用Table預(yù)覽圖片發(fā)生元素遮擋的問題分析和解決方法,文中通過代碼示例講解的非常詳細(xì),對(duì)大家解決問題有一定的幫助,需要的朋友可以參考下2024-04-04
今天小編就為大家分享一篇Vue 監(jiān)聽列表item渲染事件方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-09-09