beforeCreate / created Vue 생성주기 Vue 라이프사이클 다이어그램 beforeCreate 는 객체가 관리할 요소들이 만들어지기 전에 생기는 함수 created는 객체가 만들어진 후에 생기는 함수이다. **console.log(a1) 으로 하면 찍히지 않음. this.a1으로 작성해야 찍힘 el : '#test1' 를 대시한 태그도 있다. 해당 태그가 // 되었다고 생각하고 vm1.$mount('#test1') 를 vue안에 적어주기만 하면 해당 기능을 대신한다. 전체코드 {{a1}} 값변경 2022. 12. 19. Vue 시작은 객체 생성부터, function () { [native code] } 오류 Vue data를 출력하는 예제를 따라하고있었는데 음..나만 methods 에 있는 data를 불러오지 못하고 function () { [native code] }가뜨는것이다.. 뭘까,..,, 구글링으로 검색후 찾아냈다. 우선 내가 출력하려고 했던 코드는 아래의 코드였다. var test4 = new Vue({ el : '#test4', data : { name: '홍길동', age : 30 }, methods :{ user_info : function(){ return '이름은 ' + this.name +' 이고 나이는 '+ this.age +'입니다' } } }) {{user_info}} {{user_info}} 를 {{user_info()}}로 변경.. {{user_info()}} 왜 이런 오류가 .. 2022. 12. 18. Vue 출력 오류 / Vue2 Vue3 default 문제 에러 {{}}가 안 먹을 때 뷰 강의를 듣는데, 강의와 똑같은 코드임에도 불구하고 웹에 message 가 출력되지 않았다. {{ message }} 도대체 왜일까...왜 안나올까.. 계속 찾아보았는데.. 가 문제였다. 해당 url에 들어가보면 뷰3이 디폴트값이었다.. 나의 코드는 뷰2라 당연히 안 먹음 그래서 스크립트를 강제로 뷰2로 설정했다. {{ message }} 그랬더니 잘 나옴.. vue는 구글링해도 한국어 자료가 정말 없고 최근에 보니까 한국어 공식 문서도 없어졌다;;;;;;;;;;;;;;;;; 아자아자 화이팅 2022. 12. 18. Vue js 공부시작 Vue js 대화 형 웹 인터페이스를 개발하는데 사용하는 JavaScript 프레임 워크 2014년 Evan Yo가 만들어 발표 Angular와 React에 비해 덜 알려져 있지만 최근 한국어 포럼이 생겼을 정도로 사용추세가 확대되고 있다. MVVM ( Model - View - ViewModel) 패턴을 기반으로 디자인 되어 있다. MVVM Model - View - ViewModel MVC 에서 컨트롤러가 ViewModel로 변경된 개념 ViewModel은 View가 필요로 하는 데이터와 액션을 담고 있는 컨테이너 개념 특징 AngulrJS, Backbone, React에 비해 매우 작고 가볍다 View에 초점을 맞춰 만들어진 프레임워크 가상 DOM을 사용한다 데이터 바인딩 컴포넌트 이벤트핸들링 애니.. 2022. 12. 18. FAQ 페이지 클릭 / 넌클릭 아코디언 코드 **참고 스크립트안에서 Vue 이용 openqs : function(faqIndex) { var vm = this; const element = document.getElementById('answercont'+faqIndex); for ( var i in vm.faqList) { if (parseInt(i) === parseInt(faqIndex)) continue; document.getElementById('answercont'+ i).style.display = "none"; } element.style.display = element.style.display === 'block' ? 'none' : 'block'; } 데이터를 가지오 오는 과정에서 faqIndex를 문자열 처리 하기 때문에 pa.. 2022. 12. 16. 이전 1 ··· 7 8 9 10 11 12 13 ··· 57 다음
