【Vue】Antd Pro Vue的使用（一）—— 安装及运行

前言Ant Design Pro 是一个企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。AntDesignVue与react版本有几乎相同的布局AntDesignPro React版本：开箱即用的中台前端/设计解决方案 - Ant Design ProAntDesign组件：Ant Design - 一套企业级 UI 设计语言和 React 组件库Ant

发表于：2024-04-20 浏览：308 TAG：

【Vue】vue2vue3项目使用antd

前言项目研发需要，已经用了两年的ant design pro（react），因为会的人比较少，更多的人在使用vue，所以新项目决定使用antd vue来开发，好在比较熟悉了ant design组件的使用，也算是有一些基础。ant design 官网https://ant.design/index-cnantd vue 官网https://www.antdv.com/components/overview-cn 当前版本V4.1.2vue2项目-引入antd参考：https://www.antdv

发表于：2024-04-19 浏览：341 TAG：

【Vue】vue使用后端提供的接口

在 vue 中使用后端接口可通过以下步骤实现：安装 axios 库并导入。使用 axios 对象创建 http 请求，如 get 或 post。使用 data 选项传递数据。处理响应，使用 data 属性访问后端返回的数据。使用 vuex 管理从后端获取的数据，通过组件访问。在 Vue 中使用后端接口在 Vue.js 应用中使用后端提供的接口可以让你与服务器通信，获取和更新数据。本文将介绍如何在 Vue 中使用后端接口。1. 安装 Axios首先，你需要安装 Axios 库，这是一个用于发起 H

发表于：2024-04-18 浏览：301 TAG：

【Vue】Vue数据更新方法

前言平时做项目时会经常对数组和对象进行数据更新操作，而有时数据并没有及时更新，这时我们会用Vue.set(),this.$set()等方法让数据及时更新。

发表于：2024-03-30 浏览：327 TAG：

【Vue】Vue 单文件组件 (SFC) 规范

简介.vue 文件是一个自定义的文件类型，用类 HTML 语法描述一个 Vue 组件。每个 .vue 文件包含三种类型的顶级语言块 <template>、<script> 和 <style>，还允许添加可选的自定义块：

发表于：2024-03-29 浏览：283 TAG：

【VUE】如何查看前端的vue项目是vue2还是vue3项目

1. 检查package.json文件在项目的根目录下，打开package.json文件，查找dependencies或devDependencies部分中的vue条目。版本号将告诉你是Vue 2还是Vue 3。例如：Vue 2.x: "vue": "^2.x.x"Vue 3.x: "vue": "^3.x.x"2. 使用Vue Devtools如果项目正在运行，并且你已经安装了Vue Devtools（Vue开发者

发表于：2024-03-11 浏览：422 TAG：

【VUE】vue3组件间的通信，父组件调用子组件方法

文章目录一、父组件数据传递N个层级的子组件二、使用v-model指令实现父子组件的双向绑定三、父组件props向子组件传值四、子组件emit向父组件传值五、通过expose和ref来实现父组件调用子组件的方法vue3 provide 与 injectA组件名称 app.vueB组件名称 provideB.vueC组件名称 provideCSetup.vue父组件名称 app.vue子组件名称 v-modelSetup.vue子组件 propsSetup.vue父组件 app.vuevue3 ev

发表于：2024-03-10 浏览：569 TAG：

【VUE】Vue3+Vite+TypeScript常用项目模块详解

 目录1.Vue3+Vite+TypeScript 概述1.1 vue3 1.1.1 Vue3  概述1.1.2 vue3的现状与发展趋势1.2 Vite1.2.1 现实问题1.2 搭建vite项目1.3 TypeScript1.3.1 TypeScript 定义1.3.2 TypeScript 基本数据类型 1.3.3 TypeScript语法简单介绍2. 项目配置简单概述2.1 eslint 校验代码工具配置2.1.1 eslint定义2.1

发表于：2024-02-21 浏览：455 TAG：

【Vue】yarn 运行vue3项目开发模式

要在YARN中以Vue.js 3的开发模式运行项目，可以按照以下步骤进行操作：确保已经安装了Node.js和YARN。如果没有安装，请先安装这两个工具。打开命令提示符或终端并导航到Vue.js 3项目所在的文件夹。使用以下命令来初始化新的YARN项目（如果还未创建）：yarn init -y接下来，需要安装Vue CLI脚手架工具。运行以下命令来全局安装Vue CLI：npm install -g @vue/cli然后，通过以下命令将Vue CL

发表于：2024-02-08 浏览：300 TAG：

【VUE】Vue3 实现文件预览 Word Excel pdf 图片 视频等格式 大全!!!!

先上效果图  插件安装先说 word 文件是docx-preview插件          excel文件是用 xlsx 插件    介绍后端返回的数据因为在拦截器处 做了对数据的处理 最后你调接口拿到的数据是 一个对象 里面包含:url : blob对象转换的用于访问Blob数据的临时链接。这个链接可以被用于在网页中展示二进制数据，比如显示图像或者播放音视频文件blobs:&

发表于：2023-12-28 浏览：316 TAG：