vue-cli引入element和vant前端ui组件

Posted 2023-02-22

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue-cli引入element和vant前端ui组件相关的知识，希望对你有一定的参考价值。

参考技术A

官方文档

npm安装element插件

方法一：完整引入，但样式文件需单独引入

方法二：按需引入

1.安装babel-plugin-component插件

2.配置到babel.config

引入组件

官方文档

方法一：按需引入（不要误解了官方的自动按需引入，还是要手动写的）

1.安装babel-plugin-import插件

2.配置到babel.config

3.导入到vue中

方法二：全部导入

element和vant不适合一起使用，element更适合用在pc端而vant适合用在移动端，根据项目不同选择使用不同的UI框架

以上是关于vue-cli引入element和vant前端ui组件的主要内容，如果未能解决你的问题，请参考以下文章