首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue3
camellia
创建于2021-06-22
订阅专栏
vue3笔记
等 29 人订阅
共36篇文章
创建于2021-06-22
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
VUE3(三十五)vite构建的项目配置使用.env文件
持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第2天,点击查看活动详情 如标题所示:我要在vue3项目使用.env文件。 先介绍一下项目背景,项目使用VUE3.2 + vite
VUE2(七)VUE配置.env文件使用
持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第1天,点击查看活动详情 公司的项目是基于vue2搭建的。 之前一直是采用一个.env文件来存储变量,然后在打包的时候修改.env
VUE3(三十四)项目启动sass报错
我报名参加金石计划1期挑战——瓜分10万奖池,这是我的第1篇文章,点击查看活动详情 我有个不是很好的习惯,每天启动前端项目的时候,都会把项目中使用到的组件更新到最新的版本。其实这样是非常不好的。为什么
VUE3(三十二)vue使用xlsx解析excel文件
持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第32天,点击查看活动详情 工作中发现了一个比较有意思的前端插件xlsx,可以解析excel文件。 之前上传excel文件一般前端只
VUE3(三十一)html单页面使用VUE3
之前一直在VUE3的框架中使用VUE3。 但是我们在做一个小页面的时候,没有必要独立创建一个VUE项目的时候,我们该如何使用VUE3呢? 下边我这边直接放出一个示例,复制粘贴就能用 这里我使用了VUE
VUE2使用echarts
这篇日志记录下vue安装及使用echarts。 1:安装: 2:引入: 全局引入,会导致打包的时候将所有图表都打包,造成包的体积过大。 我没有使用这种方式,当然,这个看自己的需求。 按需引入:
VUE3(三十)自定义抽屉组件Drawer
我这里计划做一个即时聊天的小功能,计划是在一个抽屉组件中实现这个功能。 但是最后能不能成功我也不知道,毕竟我没做过,但是抽屉组件可以提前做一个嘛,这个不是很难。 代码: Drawer.vue: Dra
VUE3(二十九)自定义点击图片显示大图bigImg组件
上一篇中介绍了如何使用onclick为动态添加的dom元素绑定事件。 我现在就可以自定义大图组件了。 为ueditor编辑的html添加onclick这个步骤,我是在后端做的,后端返回到前端的值,就是
VUE3(二十八)页面加载完成后,使用onclick为动态添加的dom元素绑定点击事件
博客做的比较早,那个时候还不知道有markdown编辑器这个玩意。 所以我的文章都是用ueditor编辑的。 我这里大概想做一个大图的自定义组件:需求是,点击文章中的图片,显示大图。 那么这里就有一个
VUE3(二十七)自定义upload上传组件(显示上传进度)
项目中需要使用到文件上传。我这里自己定义了一个上传文件的组件 支持显示上传进度显示(我这里显示的是真实的上传进度,当然,这个可以根据你自己的需求修改)。 支持多文件上传。 最终效果如下: 代码: Up
VUE3(二十六)基于wangeditor自定义富文本插件
项目中需要使用到wangeditor,这里封装一个自定义组件,便于后期使用。 首先,官方文档: https://www.wangeditor.com/ 1:安装 2:组件代码 Wangeditor.v
VUE3(二十五)自定义Modal对话框组件
接着自定义组件,这里是我自定义的一个modal对话框组件。 效果如下图所示: Modal.vue Modal.scss 组件调用: 我这个实例中引用的是wangeditor的自定义组件,随便换成点什么
VUE3(二十四)自定义alert弹窗组件
我这里自定义了几个alert弹窗组件: 1:带有确定取消的alert弹窗组件:效果如下图所示 代码: 调用示例: 2:自定义alert,在自定义时间消失(仿layer),效果如下图所示: 代码: 调用
VUE3(二十三)自定义分页组件Pagination
刚开始使用vue3写博客的时候,其相关配套的UI库并没有正式发布,但是我还要用,所以这里我自定义了一个分页组件:最后效果如下图所示: 上代码: Pagination.vue Pagination.ts
VUE3(二十二)vue-router 开启路由懒加载
一、为什么要使用路由懒加载 为给客户更好的客户体验,首屏组件加载速度更快一些,解决白屏问题。 二、定义 懒加载简单来说就是延迟加载或按需加载,即在需要的时候的时候进行加载。 三、使用 常用的懒加载方式
VUE3(二十一)vue-router 在新窗口打开页面的功能
新窗口打开标签页这个功能在html中还是很简单的。添加Target=”__blank”就好。 但是在vue中怎么实现呢? 其实很简单: VUE2: VUE3: 上边大概展示了其在VUE2和VUE3中使
VUE3(二十)VUE自定义指令v-preventReClick,防止多次点击,重复请求
VUE不仅为我们提供了自定义组件,还提供了自定义指令。当然,这个玩意我在VUE2中是没有用到过的。 VUE3中我大概试一下这个自定义指令: 官方文档: https://vue3js.cn/docs/z
VUE3(十九)服务端开启gzip加速网站打开速度
一:压缩的好处 压缩可以减小HTTP回复的大小,从而降低web服务器的响应时间。gzip是web服务器广泛使用的压缩工具,可以将HTTP回复的大小降低到原来的50%~30%。既提高了网页的加载速度,又
VUE3(十八)vue 路由history 模式去掉 URL 中的 # (nginx)
这部分内容比较少。其实更多的是参考一下vue-router4的官方文档就好。 但是,这部分还是拿出来说一下。 1:router.ts 2:后端服务器配置(我这里使用的是nginx): 这部分请参考官方
VUE3(十七)使用reactive ref 替代VUEX状态管理
之前在使用VUE2的时候有用到VUEX状态管理系统。 我用的比较多的地方是子父组件传值,或者爷孙组件传值。就是共享状态。 VUEX在我这里的作用主要还是为了简化组件中的代码的复杂度。所用的值使用VUE
下一页