Span是一種HTML標簽，通常用于包含文本內容和樣式。與Vue結合使用，可以實現數據的動態綁定。Vue中的數據綁定分為單向綁定和雙向綁定。

單向數據綁定是指將Vue實例中的數據綁定到HTML元素上，當Vue實例的數據發生變化時，HTML元素的內容也會隨之更新。在Vue中，可以使用雙花括號語法來實現單向數據綁定。例如：

{{ message }}

在上面的例子中，message是Vue實例中的一個數據，并且被綁定到了span標簽中。當Vue實例中的message數據發生變化時，span標簽中的內容也會隨之更新。

雙向數據綁定是指將Vue實例中的數據綁定到HTML元素上，并且當HTML元素的內容發生變化時，Vue實例的數據也會隨之修改。在Vue中，可以使用v-model指令來實現雙向數據綁定。例如：

{{ message }}

在上面的例子中，message數據被綁定到了一個文本框中，并且當文本框的內容發生變化時，message數據也會相應修改。同時，當message數據發生變化時，span標簽中的內容也會隨之更新。

除了使用雙花括號語法和v-model指令以外，Vue還提供了一些其他的數據綁定方式。例如，使用v-bind指令可以將Vue實例中的數據綁定到HTML元素的屬性上。例如：

在上面的例子中，imageUrl是Vue實例中的一個數據，它被綁定到了img標簽的src屬性上。當Vue實例中的imageUrl數據發生變化時，img標簽的src屬性也會隨之更新。

除了v-bind指令以外，Vue還提供了其它的指令，可以方便地實現數據綁定。例如，v-for指令可以根據Vue實例中的數據生成多個HTML元素。例如：

{{ item }}

在上面的例子中，items是Vue實例中的一個數組。v-for指令會遍歷這個數組，并將數組中的每個元素都生成一個li標簽。同時，每個li標簽中的內容都是數組元素的值。

綜上所述，Vue提供了豐富的數據綁定方式，可以方便地實現數據與HTML元素的動態綁定。這種數據綁定方式使得我們可以通過修改Vue實例中的數據，來更新HTML元素的內容，或者通過修改HTML元素的內容，來修改Vue實例中的數據。