JS/Vue6 Vue.js로 만든 사이트 https://madewithvuejs.com/ 프레임워크, 차트, 게임, UI 컴포넌트 등 여러개가 있다. 결제를 할 경우 코드가 주어지는 제품이 있다. 2020. 8. 1. Vue.js devtools 크롬 확장 프로그램 https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd Vue.js 어플리케이션 디버깅을 위한 크롬 확장 프로그램 Vue.js로 만든 페이지가 있을 경우 자동으로 감지된다. F12 개발자도구를 누르면 Components, Vuex 등 디버깅하기 쉽게 분류되어 있다 2020. 8. 1. Vue.js 시작하기(바인딩) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 Document 동적으로 바인딩된 코드 var app = new Vue({ el: '#app', data: { message: 'Hello Vue.js!!' } }) Colored by Color Scripter cs 글자위에 마우스를 올려놓으면 v-bind로 바인딩된 message가 출력하게 됩니다 2020. 7. 13. Vue.js 시작하기(텍스트 보간) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Document {{ message }} var app = new Vue({ el: '#app', data: { message: 'Hello Vue.js!!' } }) Colored by Color Scripter cs 데이터와 DOM 연결 콘솔창에 Vue를 개발 모드로 실행하고 있습니다. 프로덕션 용으로 배포 할 때는 프로덕션 모드를 켜십시오.라는 문구가 뜬다. 파이어폭스 확장프로그램인 Vue.js devtools을 이용하면 디버깅을 쉽게 할 수 있다. addons.mozilla.org/ko/firefox/addon/vue-js-devtools/ Vue.js devtools – 🦊 Firef.. 2020. 7. 13. 이전 1 2 다음
