목록javascript/Vue.js (2)
잘 정리해보자
부모 컴포넌트에서 자식 컴포넌트로 데이터를 보여주는 간단한 코드를 진행할 예정이다. parent - App.vue 부모 template에 컴포넌트 태그로 전달할 데이터를 선언한다. v-bind로 보낼수 있고, 직접 html부분에 표기할 수 있다. 1. v-bind 경우 부모 html 부분 자식 script 부분 data: () => ({ script에 data KEY값 : '입력할 메시지' }) 2. html 표기 경우 parent - App.vue 전체 소스 child - Test.vue 자식 컴포넌트에서는 부모에서 지정한 key값으로 데이터를 보여줄 준비를 한다. 1. message 표기 테스트 : {{ msg }} 자식 html 부분 {{자식 script에 data KEY값}} 자식 script 부..
vue.js file 구조 - dev.env.js : npm start 시 적용되는 설정파일 - prod.env.js : npm run build 로 배포버전에 적용되는 설정파일 - node_modules : npm으로 설치되는 서드파트 라이브러리 디렉토리 - build : webpack 빌드 설정 디렉토리 - src > components : vue 컴포넌트 모인 파일 > app.vue : 가장 최상위 컴포넌트 > main.js : 가장 먼저 실행되는 스크립트 파일 (vue 인스턴스 생성) Vue 구성 1. Vuex : Virtual DOM 을 관리하는 매니저 역할 개별 요소들의 정보 반영을 체크하고 해당 값들을 업데이트 한다. (기존 Browser Workflow : 화면을 다시 그릴 때 발생되는 스..