克隆一個 vnode。
類型
function cloneVNode(vnode: VNode, extraProps?: object): VNode
細節
返回一個克隆的 vnode,可以選擇使用額外的 props 與原始節點合並。
Vnode 一旦創建就應該被認為是不可變的,你不應該改變現有 vnode 的 props。相反,用不同的/額外的道具克隆它。
Vnodes具有特殊的內部屬性,因此克隆它們並不像對象傳播那麽簡單。 cloneVNode()
處理大部分內部邏輯。
示例
import { h, cloneVNode } from 'vue'
const original = h('div')
const cloned = cloneVNode(original, { id: 'foo' })
相關用法
- Vue.js customRef()用法及代碼示例
- Vue.js createRenderer()用法及代碼示例
- Vue.js createApp()用法及代碼示例
- Vue.js components用法及代碼示例
- Vue.js computed()用法及代碼示例
- Vue.js computed用法及代碼示例
- Vue.js useSSRContext()用法及代碼示例
- Vue.js app.directive()用法及代碼示例
- Vue.js mergeProps()用法及代碼示例
- Vue.js app.config.warnHandler用法及代碼示例
- Vue.js pipeToWebWritable()用法及代碼示例
- Vue.js app.use()用法及代碼示例
- Vue.js v-pre用法及代碼示例
- Vue.js h()用法及代碼示例
- Vue.js serverPrefetch用法及代碼示例
- Vue.js <Transition>用法及代碼示例
- Vue.js inject()用法及代碼示例
- Vue.js mixins用法及代碼示例
- Vue.js ComponentCustomProps用法及代碼示例
- Vue.js reactive()用法及代碼示例
- Vue.js ComponentCustomProperties用法及代碼示例
- Vue.js app.mount()用法及代碼示例
- Vue.js <component>用法及代碼示例
- Vue.js onMounted()用法及代碼示例
- Vue.js app.config.errorHandler用法及代碼示例
注:本文由純淨天空篩選整理自vuejs.org大神的英文原創作品 cloneVNode()。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。