冲锋

plus 官方代码给的思路但是你发现这样做之后，只是表面上换了个皮肤，像其它的操作，比如按钮hover,disabled 等的状态还是默认的颜色，就让你很不爽!

计算属性默认是有缓存的，内部实现参考源码src/core/instance/state.js调用initComputed() 方法,创建 watcher/** * 初始化 computed * @param {*} vm * @param {*} computed */function initComputed (vm: Component, computed: Object...

官方api解释了它的使用场景向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = ‘hi’)所以我们要知道，只有先定义在data 里 数据才具有响应式，如果自己后添加的属性是不具备响应式的比如下边这个 属性a 具有响应式，但是b ...

为什么采用异步渲染？因为如果不采用异步更新，那么每次更新数据都会对当前组件进行重新渲染， 这样就会可能进行大量的dom重流或者重绘，所以为了性能考虑，减少浏览器在Vue每次更新数据后会出现的Dom开销，Vue 会在本轮数据更新后，再去异步更新视图!src/core/observer/index.js在 defineReactive() 这个方法中定义setter 的时候 有个 dep....

参考文档的 异步更新队列, 从官方文档的说明， 我们可以看出， Vue 的更新是组件级的，这么做的目的就是为了提升性能， 它内部怎么做的也比较好理解， 其实就是利用了 微任务 和 宏任务src/core/util/env.jsexport const nextTick = (function () { const callbacks = [] let pending = false...

在官方文档的深入响应式原理这一节可以看到，Vue是通过Object.defineProperty 来定义数据的响应式的， 接着从源码层面来喵一眼到底是怎么做的？src/core/instance/state.js我简单注视了一下源码/** * 1. 调用initData()方法, 初始化用户传入的 data * @param {*} vm */function initData ...

源码目录： 源码：src / core /instance / index.jsimport { initMixin } from './init'import { stateMixin } from './state'import { renderMixin } from './render'import { eventsMixin } from './ev...

做一个后台管理系统, 很多时候是不会只有一两层这种定死的数据结构的, 往往,我们不知道它会有多少层数据, 这就需要我们来递归渲染, 而再react中我们递归个菜单就比较方便, 跟平时写递归函数差不多, 而在vue中,我们就需要递归组件了,那vue中问么递归组件呢, 其实就是依靠 组件中的name属性,这个name的值,就是当前组件自身,举个例子,<template> &...