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")
其中第一个参数是标签名,第二个参数是属性,第三个参数是子元素。
其中 A
和 B
是等效的。