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