vue+axios 判断该文章是否被收藏，已收藏显示已收藏按钮，未收藏显示未收藏按钮

首先，在页面中需要展示收藏按钮，可以使用`v-if`和`v-else`指令来判断是否已经收藏了该文章，然后展示不同的按钮。

在Vue中，可以使用`axios`发送HTTP请求来获取当前用户已经收藏的文章列表，然后判断该文章是否已经被收藏。以下是一个简单的示例代码：

<template>
  <div>
    <button v-if="isFavorite" @click="removeFavorite">已收藏</button>
    <button v-else @click="addFavorite">未收藏</button>
  </div>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      isFavorite: false, // 是否已经收藏
      articleId: '123' // 文章ID，需要根据实际情况传入
    };
  },
  mounted() {
    this.checkFavorite();
  },
  methods: {
    // 判断该文章是否已经被收藏
    checkFavorite() {
      axios.get('/api/favorites').then(response => {
        const favorites = response.data;
        this.isFavorite = favorites.some(favorite => favorite.id === this.articleId);
      });
    },
    // 添加收藏
    addFavorite() {
      axios.post('/api/favorites', { id: this.articleId }).then(() => {
        this.isFavorite = true;
      });
    },
    // 取消收藏
    removeFavorite() {
      axios.delete(`/api/favorites/${this.articleId}`).then(() => {
        this.isFavorite = false;
      });
    }
  }
};
</script>

在上面的代码中，`checkFavorite`方法会发送一个GET请求获取当前用户已经收藏的文章列表，然后使用`Array.prototype.some`方法判断该文章是否在收藏列表中。如果已经被收藏，将`isFavorite`设置为`true`，展示“已收藏”按钮；否则将其设置为`false`，展示“未收藏”按钮。

当用户点击“未收藏”按钮时，`addFavorite`方法会发送一个POST请求将该文章添加到收藏列表中，并将`isFavorite`设置为`true`。当用户点击“已收藏”按钮时，`removeFavorite`方法会发送一个DELETE请求将该文章从收藏列表中移除，并将`isFavorite`设置为`false`。

注意，上面的代码只是一个简单的示例，实际情况中需要根据具体的业务逻辑进行修改。同时，需要根据后端API的实现来编写相应的HTTP请求代码。