vue

기존 Vuex를 사용할 때 불편함this.$store.state.변수명을 가지게 되면 컴포넌트가 많아질수록 추적하기 어렵다. V {{ todoItem.item }} 삭제  Vue.js 스타일 가이드컴포넌트 템플릿에는 단순한 표현식만 포함하고, 복잡한 표현식은 계산된 속성이나 메서드로 리팩터링 하자템플릿에 복잡한 표현식이 있으면 선언적 표현이 줄어들기 때문또한 값을 계산하는 '방법'이 아니라 '무엇'이 표시되어야 하는지를 설명하기 위해 노력하면 계산된 프로퍼티..

Vuex란?Vue.js 애플리케이션에 대한 상태 관리 패턴 + 라이브러리 이다.애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며 예측 가능한 방식으로 상태를 변경할 수 있다. 상태 관리 패턴이란?다음과 같은 기능을 가진 앱이다.State: 컴포넌트 간에 공유하는 데이터 - data()View: 데이터를 표시하는 화면 - templateAction: 사용자 입력에 따라서 반응적으로 상태를 바꾸는 방법 - methodsnew Vue({ // 상태 data () { return { count: 0 } }, // 뷰 template: ` {{ count }} `, // 액션 methods: { increment () { this.count+..