脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue2安装引入Ant Design

vue2如何安装引入Ant Design

 更新时间：2024年03月18日 09:55:27   作者：SuperYiY  
这篇文章主要介绍了vue2如何安装引入Ant Design问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教

前言

antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

而Vue框架是搭配 Ant Design Vue;

Vue3安装

npm install --save ant-design-vue

安装为Ant Design Vue的最新版，与Vue3适配；

而是vue2项目需指定版本号为1.x.x，否则会出错

若出错需要卸载 npm uninstall ant-design-vue ，重新安装

Vue2安装

@ 指定版本号

npm install --save ant-design-vue@1.7.8

main引入

在main.js文件中

import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.use(Antd);

简单使用

例子：描述列表

         <a-descriptions bordered title="用户信息">
          <a-descriptions-item label="UserName">
            蔡小艺
          </a-descriptions-item>
          <a-descriptions-item label="Telephone">
            1810000000
          </a-descriptions-item>
          <a-descriptions-item label="Live">
            广东 广州
          </a-descriptions-item>
          <a-descriptions-item label="Remark">
            empty
          </a-descriptions-item>
          <a-descriptions-item label="Address">
            宇宙最深处的前端
          </a-descriptions-item>
        </a-descriptions>

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

最新评论