Vue
文章平均质量分 95
一拳小和尚LXY
学而不思则罔
展开
-
学透Vue源码~Computed和Watch区别是什么?
Computed和Watch区别是什么?这可能是Vue技术面试最常问到的面试问题之一,我们都知道计算数据是监听数据变化并返回计算函数返回值的,watch就是单纯的数据监听处理。那么二者究竟又是如何实现的呢?下面我们就从源码实现层面为同学们详细说一说二者的区别,加深各位同学对计算属性和watch的理解。阅读本文前需要对Vue的响应式原理有一定的了解,响应式原理的内容不在这篇进行讲解,感兴趣的可以看这篇学透Vue源码~nextTick原理的响应式原理部分。本文是基于Vue2.6的源码解读${}vm。......原创 2022-08-01 08:41:24 · 343 阅读 · 0 评论 -
理论+实践,彻底掌握Vue自定义指令
本篇主要介绍Vue自定义指令的封装流程和实践应用,下面👇是本文的概述内容,各位同学可以选择直接去阅读感兴趣的小节。准备自定义指令介熟系的同学可以跳过,直接下一小节试炼实现一个v-mymodel这部分是拔掉上一篇文章不要再搞混Vue的响应式原理和双向数据绑定了立下的flag,自己实现一个数据双向绑定的指令。应用实践4个实用的自定义指令除了核心功能默认内置的指令(v-model和v-show等),Vue也允许注册自定义指令。注意,在Vue2.0中,代码复用和抽象的主要形式是组件。VueVue。......原创 2022-07-20 09:38:38 · 292 阅读 · 0 评论 -
不要再搞混Vue的响应式原理和双向数据绑定了
之前公司招人,面试了一些的前端同学,因为公司使用的前端技术是,所以免不了问到其响应式原理和的双向数据绑定。但是这边面试到的80%的同学会把两者搞混,通常我要是先问响应式原理再问双向数据绑定原理,来面试的同学大都会认为是一回事,那么这里我们就说一下二者的区别。是Vue的核心特性之一,数据驱动视图,我们修改数据视图随之响应更新,就很优雅~是借助实现的,而是借助实现的,下面我们先来看一下2.x的实现。我们通过为对象添加属性,可以设置对象属性的和函数。之后我们每次通过点语法获取属性都会执行这里的函数,在这个函数中原创 2022-07-07 09:23:30 · 661 阅读 · 0 评论 -
Vue nextTick彻底理解
前言含义和使用nextTick的官方解释:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。啥意思呢,即我们对Vue中data数据的修改会导致界面对应的响应变化,而通过nextTick方法,可以在传入nextTick的回调函数中获取到变化后的DOM,讲起来可能还是有点梦幻,下面我们直接使用nextTick体验一下效果。比如我们有如下代码:<template> <div> <button @c.原创 2021-02-19 13:58:03 · 5946 阅读 · 0 评论 -
Vue命令式弹窗组件如何实现?我很好奇
前言想必大家都用一些前端框架中诸如MessaBox或者Toast的组件,此类组件往往不需要我们显式的在使用组件的位置编写布局代码就能展示全局的弹框类组件。this.$message.show(title,content);你有没有好奇这个效果是怎么实现的呢,接下来我们就来实现一下类似的Loading加载中效果。实现思路创建一个Loading.vue文件编写布局创建一个Loadin...原创 2020-03-30 08:38:55 · 778 阅读 · 0 评论