머스태시 썸네일형 리스트형 [java script] Vue.js 입문 데이터 표시(new Vue, v-text, v-html) 먼저 Vue의 기본 코드를 살펴보겠습니다!! 1. Vue 인스턴스 만들기 : new Vue, el, data 아래와 같이 Script에 작성하면 Vue를 사용할 수 있습니다. new Vue({Vue 인스턴스 내용}) 또는 var 변수명 = new Vue({Vue 인스턴스 내용}) 보통 Vue의 구성은 아래를 참고하시면 됩니다! new Vue({ el : 어느 HTML 요소를 연결할 것인가 data : 어떤 데이터인가 methods : 어떤 처리를 하는가 computed : 어떤 데이터를 사용하여 계산하는가 watch : 어느 데이터를 감시하는가 }) 2. 데이터 표시 방법 데이터를 표시할 때는 이중 중괄호 {{ 데이터 }} 즉 머스태시(Mustache) 태그로 표시합니다. 머스태시 : 콧수염 더블쿼테이션.. 더보기 [java script] Vue.js 입문 start 1. Vue.js란 : 자바스크립트 프레임워크 중 하나입니다. ▷ Vue.js : 데이터와 뷰를 연결해주는 역할 ◎ 프레임워크 : 복잡한 내용을 간단히 미리 규격화/모듈화 해둔 도구 ▷ 프레임워크 사용시 : 기존 자바 스크립트에서 사용할 수 없던 문법이나 입력 방식들을 사용할 수 있게 되고, 타 플러그인을 통해 UI 컴포넌트나 스타일, 추가 기능 등을 불러 사용하는 것도 가능해집니다. ▷ 자바스크립트 프레임워크 종류 : Vue/React/Angular ▷ SPA(Single Page Application)은 한 페이지에서 모든 컨텐츠를 보여주는 웹사이트입니다. ▷ 이때, 동적인 페이지를 쉽게 만들어주는 기술이 Vue.js입니다. jQuery보다 간단합니다. ▷ 아래의 홈페이지는 Vue.js를 통한 예제 .. 더보기 이전 1 다음
