vue3

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第2天，点击查看活动详情 如标题所示：我要在vue3项目使用.env文件。 先介绍一下项目背景，项目使用VUE3.2 + vite

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情 公司的项目是基于vue2搭建的。 之前一直是采用一个.env文件来存储变量，然后在打包的时候修改.env

我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第1篇文章，点击查看活动详情 我有个不是很好的习惯，每天启动前端项目的时候，都会把项目中使用到的组件更新到最新的版本。其实这样是非常不好的。为什么

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第32天，点击查看活动详情 工作中发现了一个比较有意思的前端插件xlsx，可以解析excel文件。 之前上传excel文件一般前端只

之前一直在VUE3的框架中使用VUE3。 但是我们在做一个小页面的时候，没有必要独立创建一个VUE项目的时候，我们该如何使用VUE3呢？ 下边我这边直接放出一个示例，复制粘贴就能用 这里我使用了VUE

这篇日志记录下vue安装及使用echarts。 1：安装：   2：引入： 全局引入，会导致打包的时候将所有图表都打包，造成包的体积过大。 我没有使用这种方式，当然，这个看自己的需求。   按需引入：

我这里计划做一个即时聊天的小功能，计划是在一个抽屉组件中实现这个功能。 但是最后能不能成功我也不知道，毕竟我没做过，但是抽屉组件可以提前做一个嘛，这个不是很难。 代码： Drawer.vue： Dra

上一篇中介绍了如何使用onclick为动态添加的dom元素绑定事件。 我现在就可以自定义大图组件了。 为ueditor编辑的html添加onclick这个步骤，我是在后端做的，后端返回到前端的值，就是

博客做的比较早，那个时候还不知道有markdown编辑器这个玩意。 所以我的文章都是用ueditor编辑的。 我这里大概想做一个大图的自定义组件：需求是，点击文章中的图片，显示大图。 那么这里就有一个

项目中需要使用到文件上传。我这里自己定义了一个上传文件的组件 支持显示上传进度显示（我这里显示的是真实的上传进度，当然，这个可以根据你自己的需求修改）。 支持多文件上传。 最终效果如下： 代码： Up

项目中需要使用到wangeditor，这里封装一个自定义组件，便于后期使用。 首先，官方文档： https://www.wangeditor.com/ 1：安装 2：组件代码 Wangeditor.v

接着自定义组件，这里是我自定义的一个modal对话框组件。 效果如下图所示： Modal.vue Modal.scss 组件调用： 我这个实例中引用的是wangeditor的自定义组件，随便换成点什么

我这里自定义了几个alert弹窗组件： 1：带有确定取消的alert弹窗组件：效果如下图所示 代码： 调用示例： 2：自定义alert，在自定义时间消失（仿layer），效果如下图所示： 代码： 调用

刚开始使用vue3写博客的时候，其相关配套的UI库并没有正式发布，但是我还要用，所以这里我自定义了一个分页组件：最后效果如下图所示： 上代码： Pagination.vue Pagination.ts

一、为什么要使用路由懒加载 为给客户更好的客户体验，首屏组件加载速度更快一些，解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载，即在需要的时候的时候进行加载。 三、使用 常用的懒加载方式

新窗口打开标签页这个功能在html中还是很简单的。添加Target=”__blank”就好。 但是在vue中怎么实现呢？ 其实很简单： VUE2： VUE3： 上边大概展示了其在VUE2和VUE3中使

VUE不仅为我们提供了自定义组件，还提供了自定义指令。当然，这个玩意我在VUE2中是没有用到过的。 VUE3中我大概试一下这个自定义指令： 官方文档： https://vue3js.cn/docs/z

一：压缩的好处 压缩可以减小HTTP回复的大小，从而降低web服务器的响应时间。gzip是web服务器广泛使用的压缩工具，可以将HTTP回复的大小降低到原来的50％～30％。既提高了网页的加载速度，又

这部分内容比较少。其实更多的是参考一下vue-router4的官方文档就好。 但是，这部分还是拿出来说一下。 1：router.ts 2：后端服务器配置（我这里使用的是nginx）： 这部分请参考官方

之前在使用VUE2的时候有用到VUEX状态管理系统。 我用的比较多的地方是子父组件传值，或者爷孙组件传值。就是共享状态。 VUEX在我这里的作用主要还是为了简化组件中的代码的复杂度。所用的值使用VUE