vue.js 源代码学习笔记 ----- Dep
Posted you1you
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue.js 源代码学习笔记 ----- Dep相关的知识,希望对你有一定的参考价值。
/* @flow */ import type Watcher from ‘./watcher‘ import { remove } from ‘../util/index‘ let uid = 0 /** * A dep is an observable that can have multiple * directives subscribing to it.
*/ export default class Dep { static target: ?Watcher; id: number; subs: Array<Watcher>; constructor () { this.id = uid++ this.subs = [] } addSub (sub: Watcher) { this.subs.push(sub) } removeSub (sub: Watcher) { remove(this.subs, sub) } depend () { if (Dep.target) { Dep.target.addDep(this) } } notify () { // stabilize the subscriber list first , 避免改动影响到原来的数组 const subs = this.subs.slice()
for (let i = 0, l = subs.length; i < l; i++) { subs[i].update() } } } // the current target watcher being evaluated. // this is globally unique because there could be only one // watcher being evaluated at any time. Dep.target = null const targetStack = [] export function pushTarget (_target: Watcher) { if (Dep.target) targetStack.push(Dep.target) Dep.target = _target } export function popTarget () { Dep.target = targetStack.pop() }
以上是关于vue.js 源代码学习笔记 ----- Dep的主要内容,如果未能解决你的问题,请参考以下文章
vue.js 源代码学习笔记 ----- codegenEvents.js
vue.js 源代码学习笔记 ----- fillter-parse.js