Vue的directive是一種特殊的指令，可以被用在模板中。

當Vue編譯模板時，它會遇到directive并解析對應的值。

vnode指的是虛擬節點，是Vue用來描述DOM節點的JavaScript對象。

{{ message }}

在這個例子中，{{ message }}是一個directive。當Vue編譯時它會被解析成一個虛擬節點。

{
tag: 'span',
text: '{{ message }}',
raw: true
}

這里創建了一個虛擬節點，它告訴Vue需要在渲染時創建一個標簽，它的文本內容是{{ message }}。

在編譯結束時，所有的虛擬節點將會被渲染成真正的DOM節點。