cloneVNode

2023年05月10日

柏拉文

越努力，越幸运

一、认识

---

Vnode 被认为是一旦创建就不能修改的，你不应该修改已创建的 vnode 的 prop，而应该附带不同的/额外的 prop 来克隆它。cloneVNode() 克隆一个 vnode。返回一个克隆的 vnode，可在原有基础上添加一些额外的 prop。Vnode 具有特殊的内部属性，因此克隆它并不像 object spread 一样简单。cloneVNode() 处理了大部分这样的内部逻辑。

二、语法

---

import { h, cloneVNode } from 'vue'

const original = h('div')
const cloned = cloneVNode(original, { id: 'foo' })