Function flushSchedulerQueue

vue.js:4385–4448

* Flush both queues and run the watchers. 刷新两个队列并运行监视程序。 * 更新观察者 运行观察者watcher.run() 函数 并且 调用组件更新和激活的钩子

()

     * 更新观察者 运行观察者watcher.run() 函数 并且   调用组件更新和激活的钩子
     */
    function flushSchedulerQueue() {
        flushing = true;
        var watcher, id;

        // Sort queue before flush.
        // This ensures that:
        // 1. Components are updated from parent to child. (because parent is always
        //    created before the child)
        // 2. A component's user watchers are run before its render watcher (because
        //    user watchers are created before the render watcher)
        // 3. If a component is destroyed during a parent component's watcher run,
        //    its watchers can be skipped.
        //刷新前对队列排序。
        //这确保:
        // 1。组件从父组件更新到子组件。因为父母总是在孩子之前创建)
        // 2。组件的用户观察者在其呈现观察者之前运行(因为用户观察者是在渲染观察者之前创建的)
        // 3。如果一个组件在父组件的监视程序运行期间被销毁，可以跳过它的观察者。
        //观察者根据id去排序
        queue.sort(function (a, b) {
            return a.id - b.id;
        });

        // do not cache length because more watchers might be pushed 不要缓存长度，因为可能会推入更多的观察者
        // as we run existing watchers 我们运行现有的观察者
        for (index = 0; index < queue.length; index++) {
            watcher = queue[index]; //获取单个观察者
            id = watcher.id;
            has[id] = null;
            watcher.run(); //运行观察者
            // in dev build, check and stop circular updates. 在dev build中，检查并停止循环更新。
            if ("development" !== 'production' && has[id] != null) {
                circular[id] = (circular[id] || 0) + 1;
                if (circular[id] > MAX_UPDATE_COUNT) {
                    warn(
                        'You may have an infinite update loop ' + (
                            watcher.user
                                ? ("in watcher with expression \"" + (watcher.expression) + "\"")
                                : "in a component render function."
                        ),
                        watcher.vm
                    );
                    break
                }
            }
        }

        // keep copies of post queues before resetting state 在重置状态之前保留post队列的副本
        var activatedQueue = activatedChildren.slice(); // 浅拷贝
        var updatedQueue = queue.slice();// 浅拷贝

        //清空观察者watcher队列中的数据
        resetSchedulerState();

        // call component updated and activated hooks 调用组件更新和激活的钩子
        callActivatedHooks(activatedQueue);
        callUpdatedHooks(updatedQueue);

        // devtool hook