Vue.js2 [Vue] 사용자 입력 연결 v-model - 사용자의 입력을 Vue 인스턴스의 데이터에 연결 - Vue인스턴스의 데이터가 웹 페이지에 표시되고 웹 페이지에서 입력한 값이 Vue인스턴스의 데이터에 반영되므로 양방향 바인딩 이라고도 한다. - input태그 - text - input태그의 텍스트를 Vue인스턴스 데이터와 연결하면 사용자가 텍스트를 입력하고 있는 중에도 데이터는 갱신된다. - 입력한 문자열을 표시하는 예제 나는 {{ myName }} 입니다. input태그 - radio - input 태그의 라디오 버튼값을 Vue 인스턴스의 데이터로 연결할 수 있다. - v-model에 동일한 프로퍼티명을 지정하면 하나의 그룹으로 묶인다. - value값을 통해 어떤것이 선택되었는지 전달된다. - img태그의 src속성의 값과 radi.. 2022. 12. 22. [Vue] Vue.js Vue.js 프레임워크 - 자바스크립트 프레임워크 - ECMAScript 5 기능을 사용하기 때문에 Internet Explorer 8(IE8)이전 버전을 지원하지 않는다. (2.x ver 기준) - Angular Js나, React는 대규모 어플리케이션을 개발할때 사용되며, Vue.js는 가벼운 소규모 어플리케이션을 만드는것을 목표로 만들어 졌다. 프레임워크 - 복잡한내용을 간단히 미리 규격화/모듈화 해둔 도구 - 기존 자바 스크립트에서 사용할 수 없던 문법이나, 입력방식들을 사용할 수 있게 되고, 타 플러그인을 통해 UI컴포넌트 스타일, 추가 기능들을 불러쓴다는 것도 가능해진다. SPA(Single Page Application) - 한 페이지 내에서 모든 콘텐츠를 보여주는 웹사이트 Vue.js 장점.. 2022. 12. 21. 이전 1 다음
