vue

v-bind data 를 바인딩 해준다. v-bind 대신 :(콜론) 으로 축약해서 사용 가능 data, methods 키값을 this.키값으로 사용 대부분의 html 속성에 적용 가능하다. v-on 이벤트를 사용할 수 있다.

프로젝트 생성 npx @vue/cli create vue-todo npm run serve 초기세팅 src 폴더 안에 App.vue 초기화 bootstrap 연결 public 폴더 안에 index.html 에서 head 태그안에 연결 App.vue Todo.vu

Vuex 기본 세팅 state Vue 에서 data 개념 mutations mutations 를 통해서 state 를 변화시킨다. 여기서 함수를 정의하고 함수 안에 state 로 접근해서 state 를 변경한다. store mutations 에서 메소드를 추가했다.

Props 부모 컴포넌트: 자식 컴포넌트한테 props 를 전달한다. 자식 컴포넌트: 부모 컴포넌트한테 props 를 전달받는다. Emit 자식 컴포넌트에서 부모 컴포넌트로 데이터 넘겨주기 자식 컴포넌트 부모 컴포넌트 더 심플하게 Emit 사용하기 자식 컴포넌

Vuex 는 Vue 에서 사용하는 상태 관리 라이브러리모든 컴포넌트에 대한 state 저장소 역할을 하며, 컴포넌트의 상태를 변경 및 관리한다. React 의 Redux 와 같은 역할을 한다. state 는 모든 컴포넌트에서 사용할 수 있는 data, 상태값이다. 단

Vuex 는 Vue 에서 전역 변수를 사용할 수 있게 도와주는 라이브러리이고 Store 를 전역변수라고 생각하면 이해하기 좀 더 편하다. Store 하나에 Vue 애플리케이션의 모든 전역변수를 선언하고 관리하면 store 자체가 복잡해지기 때문에 여러 개의 store