Vue.js

Vue.js

[에러]Component name should always be multi-word vue/multi-word-component-names

원인 : eslint 에러, html파일이랑 컴포넌트 태그 구분되게 하기 위해 에러를 냄 해결법 : package.json 안에 rules 에 "rules": { "vue/multi-word-component-names": "off" } 혹은 vue.config.js에서 lintOnSave:false 를 해준다 끝

Vue.js

vuex 공부

Vuex 공부 $store.commit() : mutations 실행 요청 $store.dispatch() : actions 실행 요청 ajax로 받은 데이터 바로 저장이 아니라 mutations를 통해 저장해야 한다. computed vs methods 차이점 -computed 함수는 처음 실행시만 작동 하고 값을 간직함, 자원 절약 가능. 계산결과저장용 함수 -methods 함수는 사용할 때마다 실행 됨 * 팁 computed를 통해 mapState를 사용하면 긴 변수명을 축약 할 수 있다. 1. mapState를 import 한다 import {mapState} from 'vuex' 2. computed에 state(데이터)를 등록한다 computed : { ...mapState(['state이름1..

Vue.js

[Vue.js] 'vue프로젝트'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.

다른 곳에서 받은 소스를 npm run serve로 개발 서버 돌려보려했는데 안 됐다. vue 인식을 잘 못하는거 같다 #1 npm install vue #2 npm install -g @vue/cli #3 npm i

Vue.js

vue 기본 구성

node_modules : 프로젝트 내 쓰는 라이브러리 담아두는 곳 src : 소스코드 다 담는곳 public : html 파일, 기타파일 보관 package.json : 라이브러리 버전, 프로젝트 설정 기록

synclair
'Vue.js' 카테고리의 글 목록