내가 보려고 만든 블로그

할때마다 헷갈리는 자식 컴포넌트에서 부모 컴포넌트로 값 전달하기 그제했는데 또 헷갈려서 검색하는걸 보고 절레절레하고 적기로했다🤦🏻‍♀️ . . . . . . . . . . . 이렇게하면 부모 컴포넌트로 값이 전달되어 alert이 출력된다 :) (이거쓰면서도 적어놓은거 참고한거 안비밀ㅠㅠ) 출처 구글 친구들 🙇🏻‍♀️

자바스크립트에서는 input 박스에 keyPress 를 넣어주면 되지만 이것도 역시 vue에서는 vue만의 방법이 있을거같아서 검색을 해보아따 🔍 pressEnterOnSearchFunc(event){ if(event.keyCode === 13){ console.log(event.target.value) } } 이러면 input 에서 Enter키를 입력했을때 input 박스에 있는 값을 출력한다! 이것도 굉장히 간단하게 해결할수 있었다. 그럼 안뇽 🙇🏻‍♀️👋

vue가 아닌 일반 자바스크립트에서는 글자 변경하는건했느데 vue는 vue만의 방식이 있을거같아서 검색을 해보았다! (자바스크립트로 할사람은 요기⬇️⬇️⬇️⬇️⬇️⬇️) 2020/01/06 - [WEB/JS] - [jquery] inputbox text 변경 실시간 감지 역시 vue만의 방식이 있더라🧏🏻‍♀️ #코드 searchChangeFunc(event){ console.log(event.target.value) } 잉게 끝이다. input 누르고 키보드 움직이면 내가 입력한 값이 콘솔에 잘 출력되는걸 볼 수 있다😄 뷰랑 자바스크립트 둘다 해본결과 뷰가 더 간단하고 편리한거같다! 이번에도 도움이 됬길 바라며 그럼 빠이빠이👋 #참고 구글 선생님들

vue에서 다른거 클릭했을때 사라지게 하고싶다! select box div로 만들때 다른거 누르면 사라지게하고싶고 그럴때! jquery 없이 간단하게 할수없을까? v-click-outline 을 쓰면된댱 키키키키 https://www.npmjs.com/package/v-click-outside 깃 업데이트도 얼마 되지않은 좋은 칭구다! 내가 잘못한걸수도있는데 저거 methods 에 함수 선언할때 매개변수 event나 e 없으면 오류나니까 조심하자!

vue를 공부하던중 아래와 같은 오류가 발생했다. vue.js:577 [Vue warn]: Failed to generate render function: SyntaxError: Unexpected token ',' in with(this){return _c('div',{attrs:{"id":"app"}},[_c('child-component',{attrs:{"":,"propsdata":"message"}}),_v(" "),_c('sibling-component',{attrs:{"propsdata1":anotherMessage}})],1)} (found in ) 오류를 봐도 모르겠고 뭔가를 바꿔도 해결이 되지않았다. 검색을 해도 잘 나오지 않고.... 보다가 정말 간단한 이유라는걸 알았다... 나같은 경..

npm run dev 명령어를 쳤을때 발생하는 에러! webpack 버전이 4로 올라가면서 생기는 에러라는데 간단하게 있던 webpack을 없애고 다시 버전 3으로 설치하면된다! npm uninstall webpack npm install webpack@3.10.0 --save-dev

vue.js + spring boot app https://github.com/jonashackt/spring-boot-vuejs https://github.com/boylegu/SpringBoot-vue https://github.com/kucharzyk/vuejs-java-starter https://github.com/jamesjieye/vuejs.spring-boot Spring Boot and Vue.js https://randyyaj.github.io/post/20161129_vue_spring/ Spring Boot 와 Vue.js 연동하여 https://www.gitbook.com/book/c774c9c0d658/springboot-vue-js/details Creating a blog w..

vue를 이용해서 같은 그림 찾기 게임을 구현하였다. 하지만 블로그를 참고하여 javascript와 jquery를 이용하여 구현했다.. 나는 .vue 파일 하나에 모두 작성하여 개발하였다. // .vue파일 html 같은 그림 찾기 게임 게임시작 점수 : 0 게임시작 버튼을 눌러주세요 ready // .vue 파일 script 소스코드 // .vue파일 css 그런데 이대로 하면 $(document).on('click'.. 에서 $().on is not function이라는 오류가 발생한다. 그렇기 때문데 index.html에 jquery를 추가해줘야한다. // index.html 참고 : https://dororongju.tistory.com/103

vue에서 마우스 오버이벤트는 javascript만큼 간단하다. click이벤트와 마찬가지로 v-on을 사용하는 것이다.

vue공부를 한참하고 있던 지금 컴포넌트의 편리성을 깨닫고 있다. 하지만 한페이지에 컴포넌트 두개를 올리고싶을 때는 어떻게 해야될까? 바로 router에 children을 이용하는 것이다. // index.js import Compo1 from '@/components/Component1' import Compo2 from '@/components/Component2' Vue.use(VueRouter) const router = new VueRouter({ mode: 'history', routes: [ {path '/', component: Compo1, children: [{path: '/', component: Compo2}]} ] }) export default router 코드 설명을 하자면 c..