如何解决`h` 和 `createVNode` 相同吗?
h
和 createVNode
都从 vue
公开。
doc 似乎表明它们是相同的:
h() 函数是一个创建 VNode 的实用程序。或许可以更准确地将其命名为 createVNode()。
但是将 h
切换到 createVNode
会抛出:
<script lang="ts">
import { createVNode,defineComponent,h } from 'vue'
export default defineComponent({
setup() {
// works
return () => h('strong','Foo')
// throws
return () => createVNode('strong','Foo')
},})
</script>
解决方法
createVNode
已公开,但 h
是它的用户友好变体。如果您想直接调用 createVNode
,您应该添加不同类型的参数,请参阅:
export const createVNode = (__DEV__
? createVNodeWithArgsTransform
: _createVNode) as typeof _createVNode
function _createVNode(
type: VNodeTypes | ClassComponent | typeof NULL_DYNAMIC_COMPONENT,props: (Data & VNodeProps) | null = null,children: unknown = null,patchFlag: number = 0,dynamicProps: string[] | null = null,isBlockNode = false
)
,
对于h
:
If there are no props then the children can usually be passed as the second argument.
你可以这样做:
h('strong','Foo')
对于createVNode
,您必须:
createVNode('strong',null,'Foo')
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。