在移动端的地位相当于 element ui，相当强劲的一款UI组件库，v3版本经过半年的迭代，已经非常稳定了。 Vant 3.0：全面拥抱 Vue 3 Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。 很早以前就推荐过 Vant 这个优秀的 UI 组件库，由有赞商城出品并且长期维护，是前端开发者耳熟能详的移动开发框架。早在去年年底 vant 就基于火热的 Vue 3同步发布了 3.0 版本，截止发文时间，已经迭代了数十个版本。 Vant

前言 在我们前端的实际开发当中我们肯定会遇到相关的一下功能需要我们去使用编辑器对齐编辑，我们总不能将其写死成静态页吧，一般的情况下我们都是动态渲染出来的页面。 总所周知，Vue对SEO的是及其不友好的，解决SEO的最好的办法就是SSR（服务端渲染），使用Nuxt脚手架去开发。本篇的文章是使用富文本编辑器。接下来我们就直接开始去操作吧 代码操作 首先我们需要安装包依赖 npm install vue-quill-editor 接下来我们新建一个页面叫做Editor.vue，在里面

vue3版本全局挂载方法不再绑定在vue实例上，这里我们将全局方法绑定在window实例上 首先定义一个组件用来挂载全局方法，名字根据个人喜好定义即可，这里以global.vue为例： // global.vue // 挂载window下方法组件 // 我是全局用路由控制页面，如果有其他嵌套组件布局等，引入相应的替换即可 <template> <router-view /> </template> <script lang="ts

真的是被代码格式化搞烦了，在网上抄答案，但是发现大多数答案互相抄袭，还过时了。所以只能狠下心自己搞明白这些插件到底都什么用处。 选取插件的标准：尽可能还在维护 举个例子，vue代码格式化推荐最多的两个格式化插件“beautify”和“prettier”，我两个都尝试了，一度觉得“beautify”好用，但是总感觉差点意思，然后对比了一下，发现“beautify”好久不更新了，再看“prettier”还在更新，果断选择“prettier” vue3开发必备插件 Vue Language

前言：         Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案。包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能。项目会使用前端较新的技术栈，可以作为项目的启动模版，以帮助你快速搭建企业级中后台产品原型。也可以作为一个示例，用于学习 vue3、vite、ts 等主流技术。该项目会持续跟进最新技术，并将其应用在项目中。

写在前面 1、正常的向后端发送请求，常见的 get、post 大家都很熟悉，是没有任何问题的；我们也可以用 post 或者表单请求发送 file文件 到后端。 但是大文件的上传是一个特殊的情况： 大文件上传最主要的问题就在于：在一个请求中，要上传大量的数据，导致整个过程会比较漫长，且失败后需要重头开始上传。 首先是上传过程时间比较久（要传输更多的报文，丢包重传的概率也更大），在这个过程中不能做其他操作，用户不能刷新页面，只能耐心等待请求完成。 常见的软件应用中，前端/后端都会对一

1、 Vue2.0 和 Vue3.0 有什么区别？ 响应式系统的重新配置，使用代理替换对象.define属性，使用代理优势： 可直接监控阵列类型的数据变化 监听的目标是对象本身，不需要像Object.defineProperty那样遍历每个属性，有一定的性能提升 可拦截应用、拥有密钥、有等13种方法，以及Object.define属性没有办法 直接添加对象属性/删除 新增组合API，更好的逻辑重用和代码组织 重构虚拟 DOM 模板编译时间优化，将一些静态节点编译成常量 slot优化，

需求： 将 iconfont 阿里图标库的图标与字体引入到我们的 Vue3 + vite + TS 项目中来！ 1.常用图标格式简介 我们使用图标的方式有很多种，比如说直接使用 png、jpg 等图片格式，这是最原始的方式，所以我们这里不过多阐述，它们的优缺点相信大家也知道。 这里我们主要对比阿里图标库提供 3 种图标引用方式：unicode、font-class、symbol。 1.1 unicode 格式 这种方式比较原始，主要是将

这里我的vue3+vite项目已经有了，在这基础上使用electron转换成桌面应用。 1、获取electron配置文件 首先可以执行以下命令，从electron的官网下载案例，下载会比较慢，可以直接访问git仓库，下载代码。 git clone https://github.com/electron/electron-quick-start 下载以后主要是要用到代码里的main.js和preload.js两个文件。如果不下载，直接复制下面的两个文件代码即可。 main.js /

Vue3.x使用Swiper Vue插件最新详细教程（包含修改swiper样式） 简介 Vue和swiper版本： 安装Swiper 我这里通过npm i swiper -S来安装 参考Swiper官方文档链接：Getting Started With Swiper (swiperjs.com) 完整代码如下 可以直接写到你的组件当中，不需要从别的地方引入 <template> <div class="swiperbox"> &

Vue 3.2 版本开始，<script setup> 从实验性质转为稳定版，开发体验十分舒适！ 下面的例子都是基于 <script setup> + TS 的情况 总共分三步 1、在子组件暴露需要被父组件调用的属性 2、在子组件定义类型 3、父组件引入子组件的类型，并定义 ref 第一步：defineExpose 暴露子组件属性 defineExpose 官方定义看这里v3.cn.vuejs.org/api/sfc-scr… 使用<script