목록Study/Vue.js (19)
써먹는 웹개발
watch 안에서 strokeWidth를 할당할때 형변환을 안해서 생긴 문제 변경 전 this.strokeWidth = newVal; 변경 후 this.strokeWidth = Number(newVal);
ssoHref 주소 입력시 원하는 대로 화면이 안 나오고 에러페이지로 이동해서 확인해보니 뒤에 /를 붙였었다. - 정상 소스 page: { ..., ssoHref: 'http://localhost:8080 } - 에러 소스 page: { ..., ssoHref: 'http://localhost:8080/ }
가져올 ID 0. Javascript 1 2 3 4 var div = document.getElementById("app"); console.log(div); Colored by Color Scripter cs 1. jquery 1 2 3 4 var div = $("#app"); console.log(div); cs 2. vue 1 2 3 4 var div = document.querySelector("#app"); console.log(div); Colored by Color Scripter cs
싱글 파일 컴포넌트 기본 코드 생성하는 방법은 다음과 같습니다. - Vetur 0.22 버전 이후 : vu 또는 vue 라고 쓰고 Tab 키 입력 - Vetur 0.22 버전 이전 : scf 라고 쓰고 Tab 키 입력 위와 같이 하면 빈 .vue 파일에 아래 코드가 생성됩니다. 출처 : www.inflearn.com/questions/12633
Vue-Cli 설치할때마다 자잘한 문제가 발생해서 결국에는 해결하였고 그 방법을 공유합니다. 1. 재설치를 위한 vue-cli 삭제 명령어 : npm uninstall vue-cli -g 2. 재설치 명령어 : npm install -g @vue/cli 3. (잘 설치되었는지) 버전 확인 명령어 : vue --version 4. vue 환경의 프로젝트 생성 프로젝트명 : vue-cli 명령어 : vue create vue-cli 5. default 선택
Enter키를 눌렀을때 버튼 클릭과 동일한 동작이 실행되도록 처리하는 방법입니다. ...
자바스크립트에서는 id를 가변하는 방법이 따로 없어서 html append를 주로 썼던 것 같다. 하지만, vue에서는 v-bind를 이용해서 id를 가변할 수 있다. 사용방법 ... {{ num }} 출처 : Vue.js 시작하기