vue

[Vue.js] Vue-cli (2) [이전 글] [Vue.js] Vue-cli (1) # Event Bus 형제 컴포넌트 간의 값 전달방식 사용 방법 1) main.js 에서 eventBus선언 ex) // 방식 1 export const eventBus = new Vue() // 방식 2. 객체안에 method를 이용하면 eventBus를 매번 선언하지 않아도 된다 export const eventBus = new Vue({ methods: { userWasEdited(date) { this.$emit('userWasEdited', date) } } }) 2) 형제1에서 eventBus 불러와서 methods에서 사용. 방식 1: eventBus.$emit('신호명', 전달값) 방식 2: eventB..

[Vue.js] Vue-cli (1) Vue-cli 개발환경을 빠르게 셋팅할 수 있도록 도와주는 툴 # 프로젝트 생성 $ vue create 프로젝트명 # 개발자 모드로 실행 $ npm run serve # 일반 모드로 실행 $ npm run build # vuetify 설치/설정 $ vue add vuetify src/assets : 이미지, css 등 갖는 폴더 # 템플릿 안에는 한 개의 태그만 존재 가능하다. 그래서 대체로 태그를 이용해서 template안을 하나로 묶어준다. 제목 ...내용... # 전역 컴포넌트 선언해서 사용 하는 방법 ex) 1) 전역 컴포넌트로 사용할 vue생성 헤더파일 2) 메인 JS(src/main.js 또는 src/index.js)에 컴포넌트 선언 import Heade..

[Vue.js] This dependency was not found: * core-js/modules/web.dom.iterable 에러 core-jscore-js/modules/web.dom.iterable를 설치하라는 오류가 발생한 경우 기존 node-modules를 제거한 후 다시 설치하면 된다. $ rm -rf node_modules && npm install [출처] https://www.curtismlarson.com/blog/2016/05/12/webpack-cannot-find-module-web-dom-iterable/

[Electron] Electron + vue.js Vue-cli2 electron builder : https://simulatedgreg.gitbooks.io/electron-vue/content/ko/ $ npm install -g vue-cli $ vue init simulatedgreg/electron-vue 프로젝트 $ yarn # 또는 npm install $ yarn run dev # 또는 npm run dev Vue-cli3 electron builder : https://github.com/nklayman/vue-cli-plugin-electron-builder $ npm install -g @vue/cli $ vue create 프로젝트 $ npm run serve # 웹 접속 가능 ..