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