반응형 개발자 :-)/Vue.js6 뷰2 뷰 인스턴스 뷰로 개발할때 필수로 생성해야함 new Vue(); var vm = new Vue({ el: '#app', //body에서 app이라는 id를 가진 태그 엘레먼트를 가져오겠다 data: { message: 'hi' } }); //api //개발하기 쉽게 제공 뷰를 왜 생성자 형태로 정의하는가? 만약 뷰의 내부 함수를 아래와 같이 미리 정의해놓는다면 function Vue(){ this.logText = function(){ console.log('hello'); } } var vm = new Vue(); 라고 선언할때마다 Vue의 logText 기능을 따로 정의하지 않아도 사용할 수 있다. vm.logText(); 사용가능! 뷰를 생성할 때마다 미리 정의해 놓은 형식, 함수를 그대로 사용할 .. 2023. 2. 1. Vue는 무엇인가? MVVM 패턴의 뷰모델 레이어에 해당하는 화면단 라이브러리 View 브라우저에서 사용자에게 비춰지는 화면 화면의 입력갑과 버튼이 포함 화면에 드러나는 요소들 = HTML HTML 은 DOM을 이용해서 javascript 로 조작할 수 있도록 구성됨 특정사용자의 이벤트를 dom 리스너로 view에서 청취 자바스크립트(model) 에서 처리 -> 데이터가 변경되었을때 data bindings 로 바로 화면에 반영 기존 웹 개발 방식(HTML, javascript) var div = document.querySelector('#app'); //$('#app'); var str = 'hello world'; div.innerHTML = str; str = 'hello world!!!'; //여기까지 작성하면 변.. 2023. 1. 31. 이전 1 2 다음 728x90 반응형
