Vue.js 2

Vuex.Store

Vuex.Store 생성자 옵션 state const store = new Vuex.Store({ state: { count: 0 }, }); Vuex 저장소의 루트 상태 객체 프로젝트 전체에서 공통으로 사용할 변수를 정의하는 곳 모듈 재사용을 위해 State 객체를 재사용하고자 할 때 유용 mutations export const store = new Vuex.Store({ state: { news: [], }, mutations: { increment (state) { state.count++ } }, }); Vuex는 state에 정의된 변수를 직접 변경하는 것을 허용하지 않습니다. 반드시 mutations을 이용해서 변경을 해야 합니다. mutations는 비동기 처리가 아닌 동기 처리를 통해 s..

Vue.js 2021.07.23

Vue.js는 무엇인가?

Vue.js는 무엇인가 Vue.js는 사용자 인터페이스 개발을 위한 Progressive Framework입니다. 프로그래시브란 것은 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해 개발한 것을 뜻합니다. Vue.js의 목표 Vue.js가 목표로 하는 것은 웹의 장점과 앱의 장점을 모두 수용할 수 있는 진화된 웹앱 애플리케이션을 만들 수 있는 프레임워크를 제공하는 데 있습니다. Vue.js란? Vue.js는 SPA(Single Page Application) 개발을 위한 프론트엔드 프레임워크입니다. SPA는 단일 페이지 애플리케이션을 말합니다. Vue.js 장점 직관적이고 배우기 쉽다. 재사용을 통한 애플리케이션을 개발 기간 단축 및 양질의 코드를 생산할 수 있다. Angular의 장점(데이..

Vue.js 2021.07.12