码迷,mamicode.com
首页 > Web开发 > 详细

vue.js 源代码学习笔记 ----- Dep

时间:2017-06-22 14:48:04      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:default   ted   first   push   rom   cto   logs   ack   uid   

/* @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

标签:default   ted   first   push   rom   cto   logs   ack   uid   

原文地址:http://www.cnblogs.com/dhsz/p/7064835.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!