Function enter

vue.js:11134–11354

(
        vnode,
        toggleDisplay
    )

    //resolveTransition 解析vonde中的transition的name属性获取到一个css过度对象类
    function enter(
        vnode,
        toggleDisplay
    ) {
        var el = vnode.elm; //真实的dom



        //  call leave callback now 执行 leave 回调函数
        if (isDef(el._leaveCb)) {
            el._leaveCb.cancelled = true; //标志已经执行过_leaveCb函数
            el._leaveCb(); //执行_leaveCb回调
        }
        //resolveTransition 解析vonde中的transition的name属性获取到一个css过度对象类
        var data = resolveTransition(vnode.data.transition);
        console.log(vnode.data.transition)
        console.log(data)

        if (isUndef(data)) {
            return
        }

        /* istanbul ignore if */
        if (isDef(el._enterCb) || el.nodeType !== 1) { //不是真实的dom
            return
        }

        var css = data.css; //css类
        var type = data.type; //dom类型
        var enterClass = data.enterClass; //动画进入中的 css 中的过度类
        var enterToClass = data.enterToClass; //动画退出中的 css 中的过度类
        var enterActiveClass = data.enterActiveClass; //动画进入活跃的类  类似这样的    enter-active {transition: all .3s ease;}
        var appearClass = data.appearClass;  //  自定义动画props属性 过度
        var appearToClass = data.appearToClass; //自定义动画props属性 离开的过度 css 类名
        var appearActiveClass = data.appearActiveClass;//自定义动画props属性 激活 css 类名
        var beforeEnter = data.beforeEnter; //进入动画钩子函数
        var enter = data.enter;//进入动画钩子函数
        var afterEnter = data.afterEnter; //进入动画钩子函数
        var enterCancelled = data.enterCancelled;//进入动画钩子函数
        var beforeAppear = data.beforeAppear; //自定义过过度动画的钩子函数
        var appear = data.appear; //自定义过度动画的 属性名称
        var afterAppear = data.afterAppear; //自定义过度动画的 钩子函数
        var appearCancelled = data.appearCancelled;  //自定义过度动画的 钩子函数
        var duration = data.duration; //定义动画的时长

        // activeInstance will always be the <transition> component managing this
        // transition. One edge case to check is when the <transition> is placed
        // as the root node of a child component. In that case we need to check
        // <transition>'s parent for appear check.
        //activeInstance始终是管理这个的<transition>组件
        //转换。要检查的一种边缘情况是何时放置<transition>
        //作为子组件的根节点。那样的话，我们需要检查一下
        // <切换到>的父节点以查看是否出现。
        var context = activeInstance; //vue 实例化的对象
        var transitionNode = activeInstance.$vnode;     // 父层的Vnode
        while (transitionNode && transitionNode.parent) { //循环父层vonde 一直到顶层的 vonde
            transitionNode = transitionNode.parent;
            context = transitionNode.context;