vue专栏
文章平均质量分 87
vue从入门到高级
爱编程的小学究
念念不忘 必有回响
每一篇都在认真提升
展开
-
【Vue】数据检测原理
前言Vue中的数据监听离不开Object.defineProperty()方法的使用,在了解数据监测原理之前,建议先掌握defineProperty的用法。目标1 数据监测问题2 数据监测原理3 如何实现数组更新。原创 2024-04-11 21:54:58 · 1045 阅读 · 0 评论 -
【Vue】生命周期
如果我们想用vue实现一个定时循环透明度,我们可以通过该方法完全脱离Vue没有模板更新都会触发,定时器调用导致定时方法呈现指数式增长1.又名:生命周期回调函数、生命周期函数、生命周期钩子。2.是什么: Vue在关键时刻帮我们调用的一些特殊名称的函数。3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。4.生命周期函数中的this指向是vm或组件实例对象。原创 2024-04-07 10:11:59 · 204 阅读 · 0 评论 -
autofocus 第二次使用无效
在开发表格中经常会有这样一个需求,点击单元的文本自动切换为输入框看起来是个很简单的功能,输入框和文本框切换用用v-show或v-if,自动聚焦用autofocus属性但是在实际开发后,会发现在文本在第二次切换为输入框后又无法自动聚焦了…原创 2024-04-02 16:56:29 · 907 阅读 · 0 评论 -
vue2 key的作用和原理
我们在写v-for的时候都会绑定一个key值,这个key在vue中有什么作用呢,不写可以吗?目标1 key有什么作用2 如何不写key会产生什么影响3 key使用原理。原创 2024-03-26 09:45:02 · 879 阅读 · 0 评论 -
vue指令相关
vue中有很多的指令像v-on、v-model、v-bind等是我们开发中常用的常用指令v-bind 单向绑定解析表达式v-model 双向数据绑定v-for 遍历数组/对象/字符串v-on 绑定事件监听,可简写为@v-show 条件渲染(动态控制节点是否存展示)v-if 条件渲染(动态控制节点是否存存在)v-else 条件渲染(动态控制节点是否存存在)不常用指令v-text 向其所在的节点中渲染文本内容。原创 2024-03-26 16:00:02 · 615 阅读 · 0 评论 -
vue2从基础到高级学习笔记
通过一个对象代理对另一个对象中的属性的操作(读写)获取obj2.x的值相当于获取obj.x的值,修改obj2.x的值同时修改obj.x的值。原创 2024-03-20 09:55:10 · 594 阅读 · 0 评论 -
vue实现上传pdf文件盖章与签名,盖章文件下载
我们使用了原创 2023-11-29 17:05:01 · 2894 阅读 · 0 评论 -
深度解析VueX源码
一直在用VueX但是对他的底层逻辑一知半解,因此想写这篇文章理清一下思路。主要了解和解决的问题:1、VueX到底是干啥用的,解决了什么问题?2、VueX在实际开发中怎么用?3、VueX源码中到底是如何实现数据响应式的,以及ctions、getters、mutations如何实现数据修改?本文章主要梳理的是Vuex底层是如何实现的,理解、读懂vuex的实现机制。本文以VueX4版本为例。原创 2024-01-03 16:38:33 · 863 阅读 · 0 评论 -
vue-devtools使用方法与源码分析
这是我第二次尝试进行源码阅读,总体来说比较吃力,阅读很慢,断点也不太会用,源码阅读能级亟待提高。就是现在感觉对这部分的源码还是没有完全的吃透,希望等以后源码能力上来了,再来重新的巩固一下,相信会有不一样的收获参考网站解锁vue-devtools的"隐藏"技能vue-devtools 还能直接打开对应组件文件vue-devtools 打开组件分析。原创 2024-01-30 17:45:12 · 842 阅读 · 0 评论 -
Vue2~3高级用法
2、v-slot:header="header" 将header插槽中的数据绑定到header变量中,可在父组件中直接使用。#header 无法实现将header插槽中的数据绑定到变量中。slider.js 在Mixins文件夹下建一个slider.js文件。1、v-slot:header 等于#header。页面(组件)引用mixins。comp.vue 组件。原创 2023-11-27 11:15:13 · 365 阅读 · 0 评论 -
keep-alive的用法及详解
只有组件被 keep-alive 包裹时,这两个生命周期函数才会被调用,如果作为正常组件使用,是不会被调用的,以及在 2.1.0 版本之后,包含在 keep-alive 中,但符合 exclude ,不会调用activated和 deactivated这两个函数钩子!keep-alive组件,只要将子组件嵌套在这里面就可以实现组件的缓存,当页面返回时数据不会丢失,实现了我们常见的历史页面不刷新的效果。keep-alive组件是vue2.0提供的一个缓存组件,在组件切换过程中把切换出去的组件保留在。原创 2022-10-12 08:55:16 · 2451 阅读 · 0 评论 -
element-ui中table组件行错位问题
doLayout — 对 Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时,可能需要调用此方法(element-ui自带的方法)出现场景:使用keep-alive对页面进行缓存,进入页面打开控制台,切换页面后重新进入,行错位。出现场景:在table内容上下滚动过程中出现错位,但是滚动停止错位消失。解决办法:升级element-ui版本到2.15.9及以上。解决办法:页面激活时,重新渲染table。监听窗口变化,对table进行重新布局。出现场景:窗口放大缩小,行错位。原创 2022-10-23 18:54:09 · 1564 阅读 · 0 评论 -
二级域名实现Cookie共享
最新在写项目的时候遇到了一个在a域名设置cookie,b域名要用这个cookie去访问的问题,如何让二级域名共享cookie呢?现在有两个二级域名a.jb.com、b.jb.com,都在一级域名:www.jb.com下。适用于:同一个一级域名(顶级域名)下的二级域名,共享cookie。在a.jb.com域名下的项目里设置cookies。原创 2023-11-16 15:58:11 · 854 阅读 · 0 评论