通俗易懂了解Vue中nextTick的内部实现原理
1. 前言 nextTick 是 Vue 中的一个核心功能，在 Vue 内部实现中也经常用到 nextTick。在介绍 nextTick 实现原理之前，我们有必要先了解一下这个东西到底是什么，为什么要有它，它是干嘛用的。 2. nextTick到底是什么 官方文档对 nextTick 的功能 ...
原文：通俗易懂了解Vue内置组件keep-alive内部原理
. 官方介绍及其用法 . 组件介绍 要想搞明白 lt keep alive gt 组件的内部实现原理，首先我们得搞明白这个组件怎么用以及为什么要用它，关于 lt keep alive gt 组件，官网如下介绍： lt keep alive gt 是Vue中内置的一个抽象组件，它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 这 ...
2019-09-10 14:11 0 711 推荐指数：
相关推荐
通俗易懂了解Vue组件的生命周期
1.前言 在使用vue2.0进行日常开发中，我们总有这样的需求，我就想在页面刚一加载出这个表格组件时就发送请求去后台拉取数据，亦或者我想在组件加载前显示个loading图，当组件加载出来就让这个loading图消失等等这样或那样的需求，要实现这些需求，最重要的一点就是我怎么知道 ...
通俗易懂了解Vue双向绑定原理及实现
看到一篇文章，觉得写得挺好的，拿过来给大家分享一下，刚好解答了一些困扰我的一些疑惑！！！ 1. 前言 每当被问到Vue数据双向绑定原理的时候，大家可能都会脱口而出：Vue内部通过Object.defineProperty方法属性拦截的方式，把data对象里每个 ...
通俗易懂了解Vue双向绑定原理及实现
深究的，本文就以通俗易懂的方式剖析Vue内部双向绑定原理的实现过程。 2. 思路分析 所谓MVVM ...
内置组件 && vue中强大的缓存机制之keep-alive
vue中强大的缓存机制之keep-alive 最近在用vue做项目，在切换页面时发现切换回原来的页面无法保存原来的状态。 如A页面需要ajax请求数据，然后切换到B页面做某些事情，再切换回A页面时，A页面又再请求数据，但是作为前端，性能优化时必须要考虑的，并且，vue构建的单页面应用，大多数 ...
vue内置组件 transition 和 keep-alive 使用
1.transition name - string，用于自动生成 CSS 过渡类名。例如：name: 'fade' 将自动拓展为.fade-enter，.fade-enter-active等。默认类名为 "v" <transition> 元素作为单个元素/组件的过渡效果。< ...
通俗易懂了解Vuex
1.前言 在使用Vue进行开发的时候，关于vue组件通信的方式，除了通俗易懂了解Vue组件的通信方式这篇博文谈到三种通信方式，其实vue更提倡我们使用vuex来进行组件间的状态管理以及通信问题。Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 2.引例 在学习vuex之前 ...
Vue Keep-alive 原理
Keep-alive 是 Vue 的一个内置组件，会缓存不活动的组件实例，防止重复渲染DOM。 一、原理 Vue 的缓存机制并不是直接存储 DOM 结构，而是将 DOM 节点抽象成了一个个 VNode节点。 因此，Vue 的 keep-alive 缓存也是基于 VNode节点 ...