theluyuan/vue3-yuanma
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(compiler-core): only check is prop on <component>

Browse Source
This commit is contained in:
Evan You 2020-01-31 16:15:05 -05:00
parent 74cb207c22
commit 78c4f321cd
1 changed files with 17 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/compiler-core/src/transforms/transformElement.ts
View File

@ -73,27 +73,25 @@ export const transformElement: NodeTransform = (node, context) => {
let shouldUseBlock = false let shouldUseBlock = false
// handle dynamic component // handle dynamic component
const isProp = findProp(node, 'is') const isProp = tag === 'component' && findProp(node, 'is')
if (tag === 'component') { if (isProp) {
if (isProp) { // static <component is="foo" />
// static <component is="foo" /> if (isProp.type === NodeTypes.ATTRIBUTE) {
if (isProp.type === NodeTypes.ATTRIBUTE) { const tag = isProp.value && isProp.value.content
const tag = isProp.value && isProp.value.content if (tag) {
if (tag) { context.helper(RESOLVE_COMPONENT)
context.helper(RESOLVE_COMPONENT) context.components.add(tag)
context.components.add(tag) dynamicComponent = toValidAssetId(tag, `component`)
dynamicComponent = toValidAssetId(tag, `component`)
}
}
// dynamic <component :is="asdf" />
else if (isProp.exp) {
dynamicComponent = createCallExpression(
context.helper(RESOLVE_DYNAMIC_COMPONENT),
// _ctx.$ exposes the owner instance of current render function
[isProp.exp, context.prefixIdentifiers ? `_ctx.$` : `$`]
)
} }
} }
// dynamic <component :is="asdf" />
else if (isProp.exp) {
dynamicComponent = createCallExpression(
context.helper(RESOLVE_DYNAMIC_COMPONENT),
// _ctx.$ exposes the owner instance of current render function
[isProp.exp, context.prefixIdentifiers ? `_ctx.$` : `$`]
)
}
} }
let nodeType let nodeType