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 源代码学习笔记 ----- decoder

vue.js 源代码学习笔记 ----- fillter-parse.js

vue.js学习笔记八

vue.js 源代码学习笔记 ----- core lifecycle

vue.js 源代码学习笔记 ----- keep-alives