-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
해결됨
깜빡임 문제에 대하여
22.02.18 17:55 작성 조회수 653
1
안녕하세요 선생님.
계속 강의를 들으며 공부하던 중에 다른 분들과 비슷하게 불러온 데이터가 화면에 그려졌다가 트랜지션으로 다시 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로 처리 하여야 하는 놓치는 부분이 있을지해서 여쭈어봅니다...
불필요한 부분이라던지 알려주시면 정말 감사하겠습니다.
그리고 강의 정말 최고입니다. 감사합니다.
답변을 작성해보세요.
0
장기효(캡틴판교)
지식공유자2022.02.19
안녕하세요 모아이님, computed 대신 state를 직접 접근해서 뿌려주셔도 상관 없습니다 :) 그리고 뷰엑스의 state는 컴포넌트의 data에 담지 말고 바로 쓰시는 게 좋습니다 :)
답변 1