Hello vue.js! 프로젝트 만들기

Hello vue.js! 프로젝트 만들기

2019. 5. 26. 14:52ㆍ리액티브 프로그래밍/Vue.js

작업순서

HTML 파일 생성 -> 뷰 소스 코드 추가 -> 브라우저로 실행

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title> Vue Sample </title>
  </head>
  <body>

    <div id="app">
      {{ message  }}
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.2/dist/vue.js"></script>

    <script type="text/javascript">
      new Vue({
        el : '#app',
        data : {
          message : 'Hello Vue.js!'
        }
      });
    </script>
  </body>
</html>