20190221_VUE_인스턴스

by duckduck0054

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <script src="https://unpkg.com/vue"></script>
  </head>
  <body>
    <div id="insTance">
      {{ message }}
    </div>
  </body>
  <script type="text/javascript">
  	// 인스턴스를 생성하기 위해선 new Vue 라는 생성자를 호출해야 합니다
    // 위 예제에는 생성자의 속성에 el, data와 같이 2개만 사용되었지만, 
    // template, methods, created 등 여러 가지 속성이 있습니다.
    
    new Vue({
    	el: '#insTance',
      data: {
      	message: 'VUE 인스턴스'
      }
    });
  </script>
</html>