![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 76
伟深么
这个作者很懒,什么都没留下…
展开
-
Vue3源码阅读笔记【reactive和effect的理解和实现】
reactive和effect是Vue3中实现响应式数据和副作用函数的核心API,学习并理解这部分内容对于深入Vue核心逻辑是很有帮助。原创 2023-03-28 10:30:00 · 586 阅读 · 2 评论 -
Vue2.6 + TS + composition-api 项目升级至 Vue2.7
Vue2.6* + ts + compostion-api 升级 Vue2.7升级vue2.7使用 this.$router this.$store原创 2022-10-01 20:00:25 · 1516 阅读 · 0 评论 -
【GitHub Actions + GitHub Pages 实现前端自动部署到Github免费站点】(无需服务器,以vue项目为例)
一个实现前端项目自动部署最简单的流程,使用了GitHub Actions 以及 GitHub Pages原创 2022-08-22 00:05:24 · 741 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(完结):其他不兼容的小修改以及被移除的API
在 Vue 2 中,自定义指令通过使用下列钩子来创建,以对齐元素的生命周期,它们都是可选的:bind - 指令绑定到元素后调用。只调用一次。inserted - 元素插入父 DOM 后调用。update - 当元素更新,但子元素尚未更新时,将调用此钩子。componentUpdated - 一旦组件和子级被更新,就会调用这个钩子。unbind - 一旦指令被移除,就会调用这个钩子。也只调用一次。...原创 2022-08-11 09:00:00 · 214 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(四):不兼容的变更之组件与渲染函数
从Vue2到Vue3变更知识点汇总原创 2022-08-11 09:00:00 · 291 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(一):值得注意的新特性
从Vue2到Vue3变更知识点汇总原创 2022-08-11 09:00:00 · 241 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(三):不兼容的变更之模板篇
从Vue2到Vue3变更知识点汇总原创 2022-08-11 09:00:00 · 487 阅读 · 0 评论 -
从Vue2到Vue3学习汇总知识点(二):组合式 API和组合式 API 语法糖 (<script setup>)
从Vue2到Vue3变更知识点汇总原创 2022-08-11 09:00:00 · 310 阅读 · 0 评论 -
Element-pagination分页组件修改current-page属性,不能正确渲染当前页码的问题(从组件源码查找问题)
需求:使用elementUI的分页组件pagination,要实现从页面跳转到列表页时设置当前页码current-page问题:设置current-page成功,请求接口携带参数正确,pagination组件上页码显示不正确,始终显示为第一页解决方式:1、在请求数据后再设置current-page (推荐)```javascript<!-- methods -->await getList() // 此时的total应该不为0this.currentPage = 要设置的页码`原创 2022-05-18 15:50:09 · 3851 阅读 · 0 评论 -
如何对多个if-else判断进行优化
当我们遇到需要多个条件判断的业务操作时,最简单直接的办法就是用多个if-else判断,虽然能够实现,但当判断条件过多,甚至是多元判断时,我们的代码就会变得非常不好阅读和维护。举个例子这里也可以用switchif(status === '1'){ return '未审批' }else if(status === '2'){ return '审批中' }else if(status === '3'){ return '审批通过' }else原创 2020-11-16 16:07:04 · 20034 阅读 · 2 评论 -
JavaScript中Map对象的用法
JavaScript 标准之Map对象的用法定义构造函数属性与object对象相比方法map.clear()Map.delete(key)Map.has (key)Map.entries()Map.set(key, value)Map.get(key)Map.keys()Map.values()Map.forEach()Map\[@@iterator]()使用for...of迭代Map对象Map 与数组的关系复制、合并Map对象小结定义Map 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或原创 2020-11-16 15:57:49 · 2532 阅读 · 0 评论 -
vue项目中图片上传增加压缩功能(vue+iview+image-conversion)
对上传图片进行压缩的需求是非常常见的,简单来说,解决方式就是将图片base64或者canvas进行压缩转化,有很多工具包可以实现这种需求这里以Vue + iView的upload组件 为例:用的是image-conversion (大部分UI组件的上传都有相同的钩子方法,大同小异)1.安装依赖+组件中引入npm i image-conversion import * as imageConversion from 'image-conversion'2.Upload组件<Uploa.原创 2020-10-29 19:43:20 · 5599 阅读 · 1 评论 -
Vue基础之组件通信(3)provide和inject、$ attrs和$ listeners
provide 和 inject官方释义这对选项需要一起使用,以允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在其上下游关系成立的时间里始终生效。使用在祖先组件使用provide向下注入依赖,在所有的子孙组件可以使用inject接收到传输的数据。示例祖先组件<template> <div class="grandfather"> 祖先组件 <father></father> </div>原创 2020-10-28 19:12:22 · 3511 阅读 · 1 评论 -
Vue基础之组件通信(2)父子组件传值:自定义组件的v-model、.sync方式
自定义组件的v-modelVue中很常用的v-model,一般我们都使用在input标签上,实现数据的双向绑定,这也是vue一个很大的特点。实际上,v-model是一个语法糖,相当于在标签上使用了value属性和input的事件,内部实现了数据的更新。按照官方的释义一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件,但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。也就是在一个组件上使用了v-bind和v-on原创 2020-10-28 15:28:33 · 3448 阅读 · 1 评论 -
Vue基础之组件通信(1)props、自定义事件$emit
Vue基础之组件通信(1)props、自定义事件$emit组件化开发作为vue的几大特点之一,组件间通信是必须掌握的基础技能,props和$emit 是父子组件通信最基础的两种方式。props用法在子组件上用v-bind的方式传入值,在组件内使用props接收父组件 Dad.vue<template> <div class="Dad"> <h1>父组件</h1> <child msg="一段来自父组件的数据">&原创 2020-10-27 18:45:58 · 2249 阅读 · 1 评论