Vue
15篇文章 · 0订阅
  • Vue中的$nextTick有什么作用？
    Vue 中的 $nextTick是一个非常重要的工具方法，它的核心作用是​​确保你的代码在 Vue 完成 DOM 更新之后执行​​。这解决了 Vue ​​异步更新 DOM​​ 机制带来的一个常见问题：
    Vue.js
  • Vue3为什么推荐使用ref而不是reactive
    建议使用 ref() 作为声明响应式状态的主要 API;用Rel干掉Reactive,一起愉快coding吧! 全宇宙最懂vue的作者都这么推荐了!使用rel!!!!
    前端 Vue.js
    Vue3为什么推荐使用ref而不是reactive
  • 入职之前，狂补技术，4w字的前端技术解决方案送给你（vue3 + vite ）
    大多企业都是7月入职很多应届生，vue也是国内大多是公司首选的技术栈，下面就带你了解一下一些技术的实现，所以该文章每个技术实现都有对应的代码案例。
    前端 Vue.js 前端框架
    入职之前，狂补技术，4w字的前端技术解决方案送给你（vue3 + vite ）
  • 极致舒适的Vue【Provide/Inject】食用指南
    🔑 解密Vue.js的神秘技巧：Provide/Inject！灵活组织代码，但别陷入陷阱 😱🕵️‍♂️。避免名字冲突、优化类型提示，甚至拥抱严格注入和逐级透传！让你的Vue应用变得更智能更可靠！
    前端 Vue.js TypeScript
    极致舒适的Vue【Provide/Inject】食用指南
  • nextTick实现原理，必拿下!
    为什么会有nextTick这个东西的存在? 因为 vue 采用的异步更新策略，当监听到数据发生变化的时候不会立即去更新DOM， 而是开启一个任务队列，并缓存在同一事件循环中发生的所有数据变更;
    Vue.js
  • 超详细Vue实现导航栏绑定内容锚点+滚动动画+vue-router(hash模式可用)
    布局很简单，就左边内容，右边导航。导航和内容本来可以用 v-for 来生成的，但是为了看起来更简单明了，我就没那么写。先来看看布局效果吧！ 这个时候我们看见的是最顶部的内容，这个文档流的 scrollTop 此时等于 0，让我们把视口往下移一点，也就是滚动一下窗口，查看下面的内…
    Vuex
  • Vue双向数据绑定原理及实现
    对于Vue.js技术栈，我们的第一想法有可能就是容易上手，对于新手比较友好。确实如此，笔者刚刚入手的时候，觉得比较容易，而且在使用的过程中，也感觉到了它的强大。 最近在准备面试，只知道Vue.js的使用是远远不够的，所以开始剖析Vue.js的源码。下面一步一步讲解其原理以及实现…
    Vue.js
  • 用自己的话总结vue双向绑定数据原理
    vue是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发响应的监听回调。 MVVM作为数据绑定的入口，合 observer、 Compile和 Watche…
    Vue.js
    用自己的话总结vue双向绑定数据原理
  • 0 到 1 掌握：Vue 核心之数据双向绑定
    当被问到 Vue 数据双向绑定原理的时候，大家可能都会脱口而出：Vue 内部通过 Object.defineProperty方法属性拦截的方式，把 data 对象里每个数据的读写转化成 getter/setter，当数据变化时通知视图更新。虽然一句话把大概原理概括了，但是其…
    Vue.js
    0 到 1 掌握：Vue 核心之数据双向绑定
  • vue中的$nextTick()
    1. 将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。2. 当父组件引入了某子组件时，父组件去调用子组件的方法。this.$refs.h...
    Vue.js 前端