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实例中的数据。