Function setScope

vue.js:8398–8425

(vnode)

        //这是作为一种特殊情况来实现的，以避免开销
        //通过常规属性修补过程。
        function setScope(vnode) {
            var i;
            //fnScopeId 判断css作用 有没有设置Scope 如果有则设置 css作用域
            if (isDef(i = vnode.fnScopeId)) {
                nodeOps.setStyleScope(vnode.elm, i);
            } else {
                var ancestor = vnode;
                while (ancestor) {
                    // context,  /*编译作用域*/ 上下文 判断vnode 是否设置有作用于 与css是否设置有作用域 _scopeId 是放在dom属性上面做标记
                    if (isDef(i = ancestor.context) && isDef(i = i.$options._scopeId)) {
                        //设置css作用域
                        nodeOps.setStyleScope(vnode.elm, i);
                    }
                    //循环父节点
                    ancestor = ancestor.parent;
                }
            }
            // for slot content they should also get the scopeId from the host instance.
            // 对于插槽内容，它们还应该从主机实例获得scopeId
            // activeInstance 可能是 vm
            if (isDef(i = activeInstance) &&
                i !== vnode.context &&
                i !== vnode.fnContext &&
                isDef(i = i.$options._scopeId)
            ) {
                nodeOps.setStyleScope(vnode.elm, i);
            }
        }


        function addVnodes(parentElm, //父亲节点