国产片侵犯亲女视频播放_亚洲精品二区_在线免费国产视频_欧美精品一区二区三区在线_少妇久久久_在线观看av不卡

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

香港云服务器
服務器之家 - 編程語言 - JavaScript - vue.js - vite2.x實現按需加載ant-design-vue@next組件的方法

vite2.x實現按需加載ant-design-vue@next組件的方法

2022-02-17 19:33南易武癡 vue.js

這篇文章主要介紹了vite2.x實現按需加載ant-design-vue@next組件的方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

1.使用版本

  • vite:2.0
  • ant-design-vue: 2.0.0-rc.8
  • vue:3.0.5

2.安裝vite插件

?
1
yarn add vite-plugin-style-import -D or npm i vite-plugin-style-import -D

插件倉庫地址:github

3.vite.config.js配置

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
import vue from '@vitejs/plugin-vue'
import styleImport from 'vite-plugin-style-import';
/**
 * @type {import('vite').UserConfig}
 */
export default {
 plugins: [
  vue(),
  styleImport({
   libs: [{
    libraryName: 'ant-design-vue',
    esModule: true,
    resolveStyle: (name) => {
     return `ant-design-vue/es/${name}/style/css`;
    },
   }]
  })
 ]
}

4.測試運行

main.js

?
1
2
3
4
5
6
import { createApp } from 'vue'
import App from './App.vue'
import { Input } from 'ant-design-vue';
const app=createApp(App)
app.use(Input)
app.mount('#app')

組件中使用

?
1
2
3
4
5
6
7
8
9
<template>
 <!-- script-setup內引入使用,不需注冊-->
 <Button type="primary"> Primary</Button>
 <!-- 在mian.js使用use注冊組件 -->
 <a-input placeholder="Basic usage" />
</template>
<script setup>
import { Button } from "ant-design-vue";
</script>

到此這篇關于vite2.x實現按需加載ant-design-vue@next組件的方法的文章就介紹到這了,更多相關vite2.x 按需加載內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家! 

原文鏈接:https://blog.csdn.net/qq_38494372/article/details/112913555

延伸 · 閱讀

精彩推薦
  • vue.jsVue中引入svg圖標的兩種方式

    Vue中引入svg圖標的兩種方式

    這篇文章主要給大家介紹了關于Vue中引入svg圖標的兩種方式,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的...

    十里不故夢10222021-12-31
  • vue.jsVue項目中實現帶參跳轉功能

    Vue項目中實現帶參跳轉功能

    最近做了一個手機端系統,其中遇到了父頁面需要攜帶參數跳轉至子頁面的問題,現已解決,下面分享一下實現過程,感興趣的朋友一起看看吧...

    YiluRen丶4302022-03-03
  • vue.js梳理一下vue中的生命周期

    梳理一下vue中的生命周期

    看過很多人講vue的生命周期,但總是被繞的云里霧里,尤其是自學的同學,可能js的基礎也不是太牢固,聽起來更是吃力,那我就已個人之淺見,以大白話...

    CRMEB技術團隊7992021-12-22
  • vue.jsVue多選列表組件深入詳解

    Vue多選列表組件深入詳解

    這篇文章主要介紹了Vue多選列表組件深入詳解,這個是vue的基本組件,有需要的同學可以研究下...

    yukiwu6752022-01-25
  • vue.jsVue2.x 項目性能優化之代碼優化的實現

    Vue2.x 項目性能優化之代碼優化的實現

    這篇文章主要介紹了Vue2.x 項目性能優化之代碼優化的實現,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋...

    優小U9632022-02-21
  • vue.js詳解vue 表單綁定與組件

    詳解vue 表單綁定與組件

    這篇文章主要介紹了vue 表單綁定與組件的相關資料,幫助大家更好的理解和學習使用vue框架,感興趣的朋友可以了解下...

    Latteitcjz6432022-02-12
  • vue.js用vite搭建vue3應用的實現方法

    用vite搭建vue3應用的實現方法

    這篇文章主要介紹了用vite搭建vue3應用的實現方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下...

    Asiter7912022-01-22
  • vue.jsVue2.x-使用防抖以及節流的示例

    Vue2.x-使用防抖以及節流的示例

    這篇文章主要介紹了Vue2.x-使用防抖以及節流的示例,幫助大家更好的理解和學習使用vue框架,感興趣的朋友可以了解下...

    Kyara6372022-01-25
1119
主站蜘蛛池模板: 日韩欧美国产一区二区三区 | 精品一区二区三区在线视频 | 国产精品免费久久久久久久久久中文 | 成人在线网址 | 亚洲+变态+欧美+另类+精品 | 久久蜜桃精品一区二区三区综合网 | 免费看一级黄色片 | 免费成人激情视频 | 亚洲一区中文字幕在线观看 | 亚洲在线精品 | 久久精品青青大伊人av | 国产日韩精品视频 | 免费成人在线视频观看 | 国产成人精品久久二区二区 | 色综合久久88色综合天天6 | 午夜影院在线观看 | 久久精品在线 | 天天夜操 | 久久久久久久久久久动漫 | 91免费在线视频 | 激情视频日本 | 狠狠干av| 成人在线高清 | 久久久91精品国产一区二区三区 | 一级毛片儿 | 成人tv | 久久久网 | 欧美一区二区三区视频 | 成人av影视 | 99精品欧美一区二区三区综合在线 | 在线国产精品一区 | 久久久国际精品 | 国产精品资源在线 | 中文字幕在线观看一区二区三区 | 国产精品亚洲一区二区三区在线 | 草草浮力影院 | 国产精品久久久久久久 | 亚洲视频中文字幕 | 精品久久久久久亚洲综合网 | 久久久久99| 日韩中文字幕视频在线 |