선언전 렌더링

Vue.js의 핵심에는 간단한 템플릿 구문을 사용하여 DOM에서 데이터를 선언적으로 렌더링 할 수있는 시스템이 있습니다.

<template>
  <div id="wrap">
      <main id="main">
          <section id="mainCont">
              <div class="container">
                  <div class="mainCont">
                      <div>
                          <h1>
                              <div><span>{{ msg }}</span></div>
                              <div><span>your </span><span class="white"> side.</span></div>
                              <div><span>let's</span></div>
                              <div><span>be together.</span></div>
                          </h1>
                      </div>
                  </div>
              </div>
          </section>
      </main>
  </div>
</template>

<script>
export default {
  data () {
    return {
      msg: "I'LL BE ON"
    }
  }
}
</script>