Vue-ant

最新推荐文章于 2025-07-11 17:34:59 发布
原创 最新推荐文章于 2025-07-11 17:34:59 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍如何从零开始创建一个Vue项目，并展示了项目的基本文件结构。此外还提供了修改后的页面加载效果示例。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

新建一个Vue项目后：



再看下src的目录结构：











看下修改后页面加载的效果：





ant vue 语言_又双叒叕一个Ant Design的Vue轮子(vue-antd-ui)
weixin_39658474的博客
12-21 528
例行惯例，欢迎来波star：仓库地址：vueComponent/ant-design​github.com官方网站：A UI Design Language​vuecomponent.github.io为何造这个轮子：1. 用惯了Antd，再看其他的总觉得没有Antd好用周边生态，组件数量及质量都是略胜一筹，至于样式，每个人的审美不一样，就不加评判了，不过个人还是喜欢antd的。2. 社区很多An...
参考了_vue-element-admin_与_ant-design-vue-pro__等优秀的开源_vue-ant
09-08
本文将深入探讨参考了_vue-element-admin_与_ant-design-vue-pro_等优秀开源项目的_vue-antd-admin_，这是一个集成了Vue.js和Ant Design Vue组件库的后台管理模板。Vue.js是一个构建用户界面的渐进式框架，而Ant ...
Vue+Ant Design Vue学习经验分享1.doc
08-14
本文档主要是本人对Vue和Ant Design Vue学习后总结的经验，方便其它同事能够通过该文档对该技术有所了解 , 同时方便产品团队对前后分离的技术有增加知识储备。 目录如下 2.Vue经验分享 2.1 Vue介绍 2.2 Vue的MVVM模式介绍 2.3 Vue之HelloWorld 2.4 Vue的生命周期 2.5 Vue的常用指令 2.6 Vue-CLI脚手架介绍 2.7 使用Vue-cli构建Vue项目 2.8 Vue项目及其目录结构说明 2.9 基于vuedemo项目简单的功能 2.10 Vue以及VueCLi运行机制的分享 3. Ant Design Vue学习分享 3.1 介绍 3.2 环境搭建 3.3 官方文档如何看 3.4 性能测评 3.5 如何嵌套其它非Vue页面 3.6 如何自定义封装标签例子 3.7 前后端分的离数据怎么交互 4. VUE2.0学习路线分享
Ant-Design-Vue
shiming8879的博客
08-11 6654
Ant-Design-Vue是一个功能丰富、易于使用的Vue UI组件库，通过遵循上述的安装与配置步骤、基础组件使用方法和排坑建议，你可以快速上手并在项目中有效地使用它。记得经常查阅官方文档和社区资源，以便及时获取最新的功能和最佳实践。
Element Plus和Ant Design Vue深度对比分析与选型指南
最新发布
yinzheshijie的专栏
07-11 1323
Element Plus 和 Ant Design Vue 作为 Vue 3 生态的两大 UI 组件库，不存在绝对的 "优劣之分"，只有 "适用场景之别"
vue +ant 常用知识点总结1
web_girls的博客
01-26 2028
刷新页面 修改app.vue,利用v-if可以刷新页面的属性,同时使用provide和inject将祖先节点的数据传递给子代节点 <template> <div id="app"> <router-view v-if="isShow"></router-view> </div> </template> <script> export default { name: 'App', provide
ant+vue
baidu_36583119的博客
11-27 1021
我： 搜索“ant design” -> 生态 -> Ant Design of Vue，进入https://www.antdv.com/docs/vue/introduce/
Vue-Ant Design Vue-普通及自定义校验实例
01-18
这段时间在使用Ant Design Vue进行项目的前端部分开发，进行一个记录，分享… Ant Design Vue Ant Design Vue是 Ant Design 3.X 的 Vue 实现，开发和服务于企业级后台产品。在GitHub上可以找到几个Ant Design的Vue...
vue-ant-design-pro
04-13
ant-design-vue -Vue的蚂蚁设计 vue-cropper-图片编辑 @ antv / g2 -AntV G2 Viser -vue -Vue的Antv / G2 注意：建议使用Yarn软件包管理，此项目的演示站点（yarn.lock）加载的版本完全相同。 但您也可以使用npm ...
管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管.zip
02-25
【标题】"管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管理框架"揭示了这是一个使用特定技术栈构建的后台管理系统。它主要基于Vue.js，利用Vue CLI 4（Vue.js的命令行工具）进行快速...
vue-antd-pro:vue + ant-design-vue创建后台管理系统模板
03-11
欢迎来到vue-antd-pro :waving_hand: 基于vue-cli3和构建的后台管理系统模板，使用json-server做数据模型。 安装依赖 安装前端依赖 yarn 安装数据mock依赖 cd server yarn 运行 运行数据mock服务 // enter server ...
AntDesignVue一个基于AntDesign和Vue的企业级UI组件库
08-14
Ant Design Vue：一个基于Ant Design和Vue的企业级UI组件库
vue-ant-admin后台管理系统
前端-尔嵘
11-03 1万+
一、前言 前面我们使用了vue+element UI做的类似于人人开源的后台管理系统，朋友推荐了一款vue+AntDesign版本的后台管理系统模板，这个可以实现服务于企业级别的后台系统。各项功能和界面的给人一种全新的感觉。下面我们一起来学习一哈！ 二、介绍vue-ant 效果： 文档地址：https://www.antdv.com/docs/vue/introduce-cn/ 源码地址：https://github.com/vueComponent/ant-design-vue/ 组件类型
在vue中使用ant-design-vue组件
qq_49723651的博客
03-30 3万+
在vue中使用ant-design-vue组件 文章目录在vue中使用ant-design-vue组件1. 安装2. 引入组件库3. 使用3.1 按钮样式3.2 导航栏样式3.3 表单样式 官方地址：Ant Design Vue 1. 安装 首先使用vue-cli创建项目，然后进入项目，使用npm安装ant-design-vue库： npm i --save ant-design-vue@next 然后在package.json文件中的dependencies中看见刚刚下载的库： 2. 引入组件库
vue+Ant design vue做项目
热门推荐
Jone's Area
09-23 6万+
哈喽哈喽，这期带来蚂蚁金服的一个Ant Design 的 Vue 实现。 样式还是很现代化的，嗯...现在是2019年9月17，对现在来说还很fashion过几年就不知道了。 话不多说直接上手，喜欢记得关注，顺手右上角来个赏我两个大手赞，让我体验笑出个猪叫声一下。 正文 要做这种样式，我们一般在项目中全局引入一下，类似的还有reqwest这种http方法。 反正就是常用的组件都在...
Vue + ant 小技巧（前端技术面广而复杂，遇到问题后解决方法记录下来，持续更新）
qq_41077102的博客
02-07 918
Vue小白，工作中长碰到一些新的知识点，前端技术面广而复杂，长记录长翻阅加深记忆
前端杂记6（Ant组件、Vue）
qq_41841048的博客
08-03 730
1.ant菜单和路由同步高亮 a-menu的设置： <a-menu style="width: 100%" :open-keys.sync="openKeys" v-model="current" :defaultSelectedKeys="[keyVal]" :selectedKeys="[keyVal]" mode="inline" @click="handleClick" > vue
Ant Design for vue
qq_31403519的博客
05-17 2178
1、安装 ant-design $ npm install ant-design-vue --save 实例： import Vue from 'vue'; import { DatePicker } from 'ant-design-vue'; Vue.use(DatePicker); 引入样式： import 'ant-design-vue/dist/antd.css'; /...
antd vue 中from组件的使用
qq_45487481的博客
10-22 2311
文章目录前言一、为什么要用from？二、基本使用总结 前言 记录antd vue中from表单的使用 一、为什么要用from？ antd vue中的from组件基本包含了在开发中会用到的所有from表单的形式，输入框、下拉框、单选框、复选框、级联、日期等等等等，然后它里面的功能也特别全必填校验、输入完成之后的样式改变、框内图标，后缀、获取任意表单数值等等功能都可以实现。 二、基本使用 代码如下（示例）： <template> <a-form :form="form" :label.
wen-ui:基于Vue-Ant-Design的企业级UI组件库
- **vue-ant-design**: wen-ui是基于vue-ant-design进行的二次封装，因此了解vue-ant-design的API和设计理念对于使用wen-ui至关重要。 - **Vue.js**: 作为构建用户界面的渐进式框架，Vue.js是wen-ui运行的基础，掌握...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值