VUE隐藏span标签

可以通过Vue的条件渲染指令 `v-if` 或者 `v-show` 来控制 `span` 标签的显示和隐藏。

使用 `v-if` 指令来完全移除 `span` 标签：

<template>
  <div>
    <span v-if="showSpan">要显示的内容</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showSpan: false
    }
  }
}
</script>

使用 `v-show` 指令来隐藏 `span` 标签：

<template>
  <div>
    <span v-show="!hideSpan">要显示的内容</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      hideSpan: true
    }
  }
}
</script>

使用 `v-if` 指令可以完全移除 `span` 标签，这可以提高页面性能，因为当 `showSpan` 为 `false` 时，该 `span` 标签不会被渲染到页面上。使用 `v-show` 指令可以隐藏 `span` 标签，它仍然会被渲染到页面上，只是在页面中不会显示。根据具体的需求，选择适合的指令即可。