깜빡임 문제에 대하여

안녕하세요 선생님.

계속 강의를 들으며 공부하던 중에 다른 분들과 비슷하게 불러온 데이터가 화면에 그려졌다가 트랜지션으로 다시 opacity 0 에서 1로 변하는 현상을 보게 되었습니다.

그래서 computed로 되어있던,

<script>
  export default {
    computed: {
      listItems() {
        const name = this.$route.name;
        if (name === 'news') {
          return this.$store.state.news;
        } else if (name === 'ask') {
          return this.$store.state.ask;
        } else {
          return this.$store.state.jobs;
        }
      },
    },
  };
</script>

이 부분을 아래와 같이

<script>
  export default {
    data() {
      return {
        listItems: {},
      };
    },
    created() {
      this.listItems = this.$store.state.list;
    },
  };
</script>

computed 대신에 created(생성시점)에 데이터를 가져와서 data 옵션에 담아주어 뿌리게 하여 해결하였는데, 꼭 computed로 처리 하여야 하는 놓치는 부분이 있을지해서 여쭈어봅니다...

불필요한 부분이라던지 알려주시면 정말 감사하겠습니다.

그리고 강의 정말 최고입니다. 감사합니다.

인프런 커뮤니티 질문&답변