Vue.js 시작

====== 공부용 템플릿 ====== 파일 1개로 만들어서 해볼 수 있는 형태 결과 화면에는 ''Hi 뷰(Vue)''가 표시된다.






  
  
  
  
  VUE test 1



  
  
    
      {{ message1 }}

====== 템플릿 몇가지 기능 ====== * 텍스트 치환 / 반복문으로 여러번 치환 / 클릭 이벤트 * ''input''에 텍스트 치환 / 트랜지션 * 스크립트 내부에 ''_type''의 숫자를 변경한다. * 동적으로 하려면 어떻게 해야 하나?






  
  
  
  
  VUE test 1
  
  

  




  
    
      {{ message1 }}
    

    
    
      
        {{item}}
      
    

    
    
      
    

    
    
      
      
    

    
    
      할로 Vue.js!
    

    
    
      
      
        [트랜지션 텍스트]

====== 미분류 메모 ====== 기본 옵션 * **el** 마운트할 요소 * **data** 데이터 * **computed** - 내부 처리용 함수 놓는 곳. 산출속성? * 라이프 사이클 중 호출 * **created** * **mounted** * **methods** : 메소드를 따로 쓰네