首先这是一个Vue应用，其次在<p></p>标签中的<span></span>中遍历['当前','最新']这个数组，并且两个<span></span>都带有点击属性，默认颜色文字为黑色，当个<span></span>被点击时其文字变为蓝色

好的，我明白了。针对您的问题，首先你需要在Vue应用中创建一个组件，该组件可以包含两个<span></span>标签，它们会遍历['当前', '最新']这个数组。这个组件可以使用v-for指令来进行遍历。

在这个组件中，你需要给每个<span></span>标签都添加一个点击事件，可以使用v-on指令来添加。当被点击时，你可以在事件处理函数中改变该<span></span>标签的颜色为蓝色，可以使用v-bind指令来实现这一功能。

具体地，你需要在模板中这样绑定v-for和v-on指令：

<template>
  <div>
    <span v-for="(item, index) in items" :key="index" :style="{color: colors[index]}" @click="changeColor(index)">
      {{ item }}
    </span>
  </div>
</template>

在组件的data选项中你需要定义items和colors两个数组，用于存储遍历的项和对应的颜色，同时你还需要实现一个changeColor方法用于改变被点击的<span></span>标签的颜色：

<script>
export default {
  data () {
    return {
      items: ['当前', '最新'],
      colors: ['black', 'black']
    }
  },
  methods: {
    changeColor (index) {
      this.colors[index] = 'blue'
    }
  }
}
</script>

这样，当你在页面上使用这个组件时，就能够看到两个<span></span>标签，它们会遍历['当前', '最新']这个数组，并且默认的颜色为黑色。当你点击其中一个<span></span>标签时，它的文字颜色会变为蓝色。

希望这个回答能够帮助你解决问题。