Vue h 函數是 Vue 中非常重要的一個函數，它用于創建 Virtual DOM 樹上的節點，以及它們的屬性和事件。在 Vue 2 中，我們都使用的是 createElement 函數，而在 Vue 3 中，Vue 作者們重命名了它，以便更好地與標準 HTML 標記區分開來。以下是一個基本的使用 Vue h 函數的示例：

h('div', {
class: 'box',
on: {
click: this.handleClick
}
}, 'Hello, World!')

在此示例中，我們使用 h 函數創建了一個<div>節點。我們還傳遞了一個對象，該對象指定了此節點的類（class）以及一個單擊事件的處理程序。最后，我們將“Hello, World!”文字添加為此節點的內容。

另外，Vue h 函數還支持包含子節點和數組，例如：

h('div', [
h('p', 'I am a paragraph.'),
h('ul', [
h('li', 'One'),
h('li', 'Two'),
h('li', 'Three')
])
])

在此示例中，我們創建了一個包含一個<p>節點和一個<ul>節點的<div>節點。在<ul>節點中，我們還創建了三個<li>節點，并作為數組傳遞。

總之，Vue h 函數使我們能夠在 Vue 應用程序中使用 JavaScript 來構建解構復雜的 Virtual DOM 樹，這使得我們的代碼更具可讀性，可維護性和可擴展性。