vue微信朋友圈点赞

根据提供的引用内容，可以使用Vue.js实现微信朋友圈点赞功能。首先，构造一个Vue实例，并对需要更改的数据进行双向绑定。然后，使用v-for指令循环遍历ALLFeeds中的每一项item，生成包括name、content、time等数据。接下来，可以使用v-bind指令将点赞按钮与一个布尔值isLiked绑定，用于判断当前是否已经点赞。当点击点赞按钮时，可以使用v-on指令绑定一个方法，该方法会改变isLiked的值，从而实现点赞和取消点赞的功能。

以下是一个示例代码：

<template>
  <div>
    <div v-for="item in ALLFeeds" :key="item.id">
      <div>{{ item.name }}</div>
      <div>{{ item.content }}</div>
      <div>{{ item.time }}</div>
      <button @click="toggleLike(item)">{{ isLiked(item) ? '取消点赞' : '点赞' }}</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      ALLFeeds: [
        { id: 1, name: '张三', content: '今天天气不错', time: '2021-01-01', liked: false },
        { id: 2, name: '李四', content: '好久不见', time: '2021-01-02', liked: false },
        // 其他朋友圈数据...
      ]
    }
  },
  methods: {
    toggleLike(item) {
      item.liked = !item.liked;
    },
    isLiked(item) {
      return item.liked;
    }
  }
}
</script>

在上述代码中，ALLFeeds是一个包含朋友圈数据的数组，每个item对象都有一个liked属性用于表示是否已经点赞。toggleLike方法用于切换点赞状态，isLiked方法用于判断当前是否已经点赞。