vue 父组件样式污染子组件

1
function renderElementVNode(
2
  push: PushFn,
3
  vnode: VNode,
4
  parentComponent: ComponentInternalInstance,
5
  slotScopeId: string | undefined,
6
) {
7
  const tag = vnode.type as string
8
  let { props, children, shapeFlag, scopeId, dirs } = vnode
9
  let openTag = `<${tag}`
10
  ...
11
  if (scopeId) {
12
    openTag += ` ${scopeId}`
13
  }
14
  // inherit parent chain scope id if this is the root node
15
  let curParent: ComponentInternalInstance | null = parentComponent
16
  let curVnode = vnode
17
  while (curParent &amp;&amp; curVnode === curParent.subTree) {
18
    curVnode = curParent.vnode
19
    if (curVnode.scopeId) {
20
      openTag += ` ${curVnode.scopeId}`
21
    }
22
    curParent = curParent.parent
23
  }
24
  if (slotScopeId) {
25
    openTag += ` ${slotScopeId}`
26
  }
27
  push(openTag + `>`)
28
  ...
29
}