<template>
  <v-container fluid grid-list-md text-xs-center>
    <v-card class="mx-auto" min-width="344">
      <v-card-title
      :itemsitem">
        <span class="title font-weight-bold">{{item.review_title}}</span>
        <div class="flex-grow-1"></div>
        <v-menu bottom left transition="scale-transition">
          <template v-slot:activatoron }">
            <v-icon v-onon">more_vert</v-icon>
          </template>
          <v-list>
            <v-list-item>
              <v-btn
                small
                class="float-right ma-2"
                tile
                outlined
                color="error"
                @clickdelSuggestion($route.params.id)"
              >
                <v-icon left>clear</v-icon>삭제
              </v-btn>
            </v-list-item>
            <v-list-item>
              <v-btn
                small
                class="float-right ma-2"
                tile
                outlined
                color="success"
                @clickdialog = true"
              >
                <v-icon left>create</v-icon>수정
              </v-btn>
            </v-list-item>
          </v-list>
        </v-menu>
      </v-card-title>
      <!-- <v-card-text class="font-weight-light">{{id2date(item._id)}}</v-card-text> -->

      <v-card-text class="font-weight-bold">{{item.review_message}}</v-card-text>

      <v-divider></v-divider>

      <v-card-actions>
        <v-list-item class="grow">
          <v-list-item-content>
            <v-list-item-title>{{item.user_id}}</v-list-item-title>
          </v-list-item-content>

          <!-- <v-row align="center" justify="end">
            <v-card-actions>
              <div v-if="alreadyLike">
                <v-btn icon>
                  <v-icon v-html="like_icon" color="green darken-3" @click="decLike"></v-icon>
                </v-btn>
              </div>
              <div v-else>
                <v-btn icon>
                  <v-icon v-html="like_icon" color="grey" @click="incLike"></v-icon>
                </v-btn>
              </div>
            </v-card-actions>
            <span class="subheading">{{item.cnt.like}}</span>
          </v-row>-->
        </v-list-item>
      </v-card-actions>
    </v-card>
  </v-container>
</template>

<script>
import axios from "axios";

export default {
  //const review_id = this.$route.params.review_id
  created() {
    this.getSuggestion(this.review_id);
  },
  methods: {
    getSuggestion() {
      axios.get("/showReview")
      .then(res => {  // select * from reviews
        this.item = res.data.filter(
          data.review_id == this.$route.params.id
        );
        console.log(item);
      })
      .catch(err => {
        console.log(err);
      })
    }
  },
  // created: function() {
  //   axios
  //     .get("/static/reviews.json")
  //     .then(response => {
  //       this.item = response.data.reviews.filter(
  //         data => data.id == this.$route.params.review_id
  //       )[0];
  //       console.log(response);
  //     })
  //     .catch(e => {
  //       if (!e.response)
  //         this.$store.commit("pop", {
  //           msg: e.message,
  //           color: "error"
  //         });
  //       this.loading = false;
  //     });
  // }
  data() {
    return {
      item: [],
    };
  },
};
</script>

이렇게 해놓고 이 뷰 페이지로 이동해보니까

ReferenceError: data is not defined

이런 에러가 뜨네요..data를 못찾는다는거 같은데 대체 어느부분이 문제인지..전혀 모르겠어요 도와주세요ㅠㅠ