跳到主要内容

Vue2如何使用h函数

原文:https://www.diaoan.xyz/vue2Vnode/

与 Vue3 不同,在 Vue2 中,即使是 Vue2.7,你也不被允许直接使用 h 函数。

在 Vue3 中使用 h 函数创建的组件,在 Vue2 中使用函数体包裹即可视为等效的对象。

比如在 Vue3 中你可能会写成这样:

Vue3
import { h } from "vue"
const A = h("div", "Hello World")

其中第一个参数是标签名,第二个参数是属性,第三个参数是子元素。

那么在 Vue2 中,你可以写成这样:

Vue2
const B = (h) => h("div", {}, "Hello World")

其中第一个参数是标签名,第二个参数是属性,第三个参数是子元素。

其中 AB 是等效的。