前端
文章平均质量分 90
前端
「已注销」
这个作者很懒,什么都没留下…
展开
-
【Vue 2】过渡
Vue 提供了多种方式来实现过渡效果。将元素或组件放在中可以在下列情形中触发过渡效果:如果没有找到JavaScript过渡钩子和CSS过渡/动画,DOM操作在下一帧中立即执行。Vue提供了6个可以自动生成的CSS类名,如下图。可以自动生成的类名是指给transition组件的name属性指定一个值,假设是fade,那么该name将自动扩展生成 .fade-enter、.fade-enter-active、.fade-enter-to、.fade-leave、.fade-leave-a原创 2023-09-14 16:06:12 · 343 阅读 · 0 评论 -
【Vue 2】条件渲染
处理 HTML 元素上的 if 系列指令,获取它们的表达式 exp ,如果是 v-if 指令的话,还要将其添加到它的 ifConditions 数组。因此,如果你的本意是先进行 v-if 的判断,那么可以在循环外套个 元素,把 v-if 写在 元素上。如果想使用 v-if 控制多个元素的渲染,可以使用 元素,因为它不会被包含在渲染结果内。但是有时候,我们需要切换一个全新的子元素,就比如我们前文介绍的 v-if 系列指令。原创 2023-09-05 20:00:38 · 443 阅读 · 0 评论 -
【Vue 2】Props
Vue中的props是父组件向子组件传递数据的方式。原创 2023-10-14 18:46:04 · 701 阅读 · 0 评论 -
【Vue 2】就地更新策略
该策略默认是基于索引的,规定在列表绑定的数据元素顺序变化时,不会重新创建整个列表,而只是更新对应DOM元素上的数据。那么就有疑问了:为什么前面代码中的key属性绑定了index没有用呢,index难道不是唯一的吗?很简单,这是由于我们删除的是数据项,而不是数组索引,使用id就不会有这个问题,删除一项连带着删除了该唯一id。然而,该策略基于一个前提:列表项内部的内容不依赖于子组件的状态或临时的DOM状态。-- 子组件的内容和状态 -->该策略模式是高效的,避免了大量的DOM重排重绘。原创 2023-08-10 21:08:03 · 133 阅读 · 0 评论 -
【Vue 2】Object的依赖追踪原理详解
数据属性(Data Properties)的依赖追踪是 Vue 响应式系统的核心之一,它使得数据与视图能够自动关联,从而实现了视图随着数据变化而变化的特性。Dep类:用于管理依赖(观察者),包括添加、移除依赖和通知依赖更新的功能。Watcher类:用于建立依赖关系,当数据变化时通知相关的Watcher执行更新操作。函数:将数据属性转化为响应式属性,并管理与之相关的依赖。Observer类:遍历对象的属性,将它们都转化为 getter/setter 的形式,以便进行依赖追踪。原创 2023-08-11 17:49:10 · 273 阅读 · 0 评论 -
【Vue 2】动态组件和异步组件
先阅读。原创 2023-08-18 18:00:32 · 1348 阅读 · 0 评论 -
【Vue 2】Mixin 混入
关键是了解Vue.config.optionMergeStrategies的作用,它用于帮助我们自定义某个选项的合并策略函数,该函数第一个参数是父组件的该选项值,第二个参数是子组件的该选项值。它允许你定义一些可复用的选项对象,然后将这些选项合并到不同的组件中。混入可以用于在多个组件之间共享逻辑、方法、生命周期钩子等。当组件和混入对象的选项同名时,数据对象data中同名选项以组件的优先,进行递归合并;同名钩子函数则会被合并为数组,它们都会执行,且混入对象的钩子函数先执行。尽量避免使用全局混入,这样会导致。原创 2023-08-19 22:41:25 · 528 阅读 · 0 评论 -
【Vue 2】自定义指令
Vue自定义指令允许我们在DOM元素上添加自己想要的行为来扩展Vue的功能。的形式来使用动态参数。原创 2023-08-15 21:10:15 · 424 阅读 · 0 评论 -
【Vue 2】生命周期
每个Vue应用都是通过new Vue()创建一个Vue实例开始。Vue()函数可以传入选项Options,常见的有el、template和data选项等。vm.$elvm.$mount方法是整个初始化流程的开始。initMixin方法向Vue构造函数的原型prototype挂载一些方法,_init便是其中之一。原创 2023-08-06 22:31:25 · 75 阅读 · 0 评论 -
【Vue 2】Slots
插槽将子组件标签间的内容分发到子组件模板的标签位置。如果没有标签,那么该内容将被丢弃。原创 2023-08-22 17:20:03 · 692 阅读 · 0 评论 -
【Vue 2】介绍与安装
Vue支持与自定义元素进行集成,可以通过以下方法将Vue组件构建成原生的自定义元素,从而让Vue组件能够在支持Cutome Element的环境中使用:1.安装//使用vue-custome-element插件//注册自定义元素其他demo。在Vue3中有原生API支持自定义元素。Vue CLI也支持将Vue组件构建成为原生的自定义元素。Vue CLI是Vue官方提供的一个命令行工具,用于快速搭建Vue项目,在Vue CLI中,可以使用命令将App.vue组件构建成自定义元素,并指定名称为。原创 2023-08-05 00:25:31 · 558 阅读 · 0 评论 -
【Vue 2】组件基础
你点击了我{{count}}次原创 2023-08-14 15:56:04 · 393 阅读 · 0 评论 -
【Vue 2】处理边界情况
通常,我们使用组件内的template选项定义模板字符串,或者在.vue文件的元素中定义模板。1.内联模板如果在子组件上添加attribute,那么子组件将使用其内部内容作为模板,而不会将其作为插槽内容。--模板内容--> --模板内容-->原创 2023-08-19 14:57:47 · 468 阅读 · 0 评论 -
【Vue 2】nextTick方法|异步更新|事件循环
前面提到的事件循环又是什么?我们知道,JavaScript是一门单线程且非阻塞的语言。单线程意味着一次只能执行一个任务,也叫做主线程。非阻塞意味着遇到异步任务(比如网络请求、文件读取、定时器等)时,JavaScript会将这些异步任务挂起,继续执行后面的代码。当异步任务处理完毕后,根据一定的规则(通常是回调函数或Promise)来处理操作的结果。挂起(pending)是指将异步任务放入一个队列里,称为事件队列。而异步任务可以分为微任务和宏任务。微任务放在微任务队列,宏任务放在宏任务队列。原创 2023-09-04 10:22:10 · 954 阅读 · 0 评论 -
【Vue 2】组件间的通信方式总结
组件间的关系有父子关系、兄弟关系、祖孙关系和远亲关系。不同的关系间,组件的通信有不同的方式。原创 2023-09-17 22:27:19 · 655 阅读 · 2 评论 -
【Vue 2】组件注册
🎐原创 2023-08-19 22:45:41 · 1932 阅读 · 0 评论 -
【Vue 2】计算属性与侦听器
Vue 2 的计算属性与侦听器的学习原创 2023-08-15 09:09:38 · 157 阅读 · 0 评论