Function performLeave

vue.js:11434–11470

()

        }

        function performLeave() {
            // the delayed leave may have already been cancelled
            if (cb.cancelled) { //取消过度动画标志
                return
            }
            // record leaving element
            if (!vnode.data.show) {
                (el.parentNode._pending || (el.parentNode._pending = {}))[(vnode.key)] = vnode;
            }
            beforeLeave && beforeLeave(el); //离开动画的钩子函数
            if (expectsCSS) {
                addTransitionClass(el, leaveClass);//  为真实dom添加 css 过度动画leaveClass类
                addTransitionClass(el, leaveActiveClass);//激活离开动画的css 动画过度类
                nextFrame(function () {
                    removeTransitionClass(el, leaveClass);//  为真实dom删除 css 过度动画leaveClass类
                    if (!cb.cancelled) { //取消过度动画标志
                        addTransitionClass(el, leaveToClass); //离开动画的css 动画过度类
                        if (!userWantsControl) {
                            if (isValidDuration(explicitLeaveDuration)) { //如果是数字
                                setTimeout(cb, explicitLeaveDuration); //执行回调函数 _leaveCb
                            } else {
                                // 获取动画的信息，执行动画。
                                whenTransitionEnds(
                                    el, //真实的dom
                                    type,  //动画类型
                                    cb//执行回调函数 _leaveCb
                                ); //
                            }
                        }
                    }
                });
            }
            leave && leave(el, cb);
            if (!expectsCSS && !userWantsControl) {
                cb();
            }
        }
    }

    // only used in dev mode