x '라이프 사이클' 태그의 글 목록
본문 바로가기 메뉴 바로가기

nc2u Blog

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

nc2u Blog

검색하기 폼
  • 분류 전체보기 (42)
    • HTML5 (4)
    • CSS (0)
    • JavaScript (8)
      • ESNext (1)
      • TypeScript (0)
      • Vue.js (6)
    • PHP (2)
      • Laravel (1)
      • Composer (0)
    • SQL (DBMS) (1)
      • Maria DB (0)
      • MySql (1)
    • OS (1)
      • Linux (1)
      • Mac OS X (0)
      • Windows (0)
    • Java (6)
    • Python (6)
      • Conda (0)
      • Jupyter Notebook (0)
      • Django (0)
      • Django REST framework (0)
    • Server & Etc (10)
      • Git (3)
      • Shell (1)
      • Docker (2)
      • Kubernetes (2)
      • AWS (1)
      • GCP (0)
    • Editor (3)
      • Vim (2)
      • Sublime Text 3 (1)
  • 방명록

라이프 사이클 (1)
[Vue.js] 뷰 인스턴스

뷰 인스턴스의 정의와 속성뷰 인스턴스(Instance)는 뷰로 화면을 개발하기 위해 필수적으로 생성해야 하는 기본 단위이다. 뷰 인스턴스 생성 new Vue({ .. }); 뷰 인스턴스를 사용하기 위해 위 코드와 같은 형식으로 뷰 인스턴스를 생성한다. 아래 예제 코드에서 인스턴스와 관계된 부분을 다시 한 번 살펴보자. {{ message }} 먼저 ‘Hello Vue.js!’ 텍스트를 화면에 표시하기 위해 new Vue()로 뷰 인스턴스를 생성하였다. 그리고 인스턴스 안에 el속성으로 뷰 인스턴스가 그려질 지점을 지정하고, data 속성에 message 값을 정의하여 화면의 {{ message }}에 연결하였다. 그럼 각 요소에 대해 자세히 알아보자. 뷰 인스턴스 생성자new Vue()로 인스턴스를 생성..

JavaScript/Vue.js 2019. 1. 14. 01:16
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크

Blog is powered by Tistory / Designed by Tistory

티스토리툴바