分类: Vue.js

vue3中vant ui框架按需加载的配置方法

[ 2022-05-08 22:49:18 | 作者: admin ]
字号: 大 | 中 | 小
1、务必先下载安装vant组件，不要忘记
cnpm i vant -S

2、下载按需加载的插件babel
cnpm i babel-plugin-import -D


3、babel.config.js 中配置
module.exports = {
     presets: ['@vue/cli-plugin-babel/preset'],
     plugins: [
         [
             'import',
             {
                libraryName: 'vant',
                libraryDirectory: 'es',
                style: true
             },
             'vant'
         ]
     ]
}



4、main.js 文件中加载需要的vant组件成员
import { createApp } from 'vue';
import App from './App.vue';
import { Swipe, SwipeItem } from 'vant';

const app = createApp(App);
app.use(Swipe);
app.use(SwipeItem);
app.mount('#app')
[最后修改由 admin， 于 2022-05-12 21:50:26]
评论Feed 评论Feed: http://blog.xg98.com/feed.asp?q=comment&id=2858

这篇日志没有评论。

此日志不可发表评论。