ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 단방향 바인딩
    Web/Vue 2018. 7. 13. 23:20
    반응형

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Simplex Binding Vue</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
    </head>
    <body>

    <div id="start">
    <!-- input, h1 태그에 각각 text 정의 -->
    <!-- input태그에서 값을 바꿔도 변화는없다. -->
    <input type="text" name="" v-bind:value="text">
    <h1>{{text}}</h1>
    </div>

    <script type="text/javascript">
    let app = new Vue({
    el: '#start',
    data () {
    return {
    text: 'Hello Vue World!'
    }
    }
    })
    </script>
    </body>
    </html>


    반응형

    'Web > Vue' 카테고리의 다른 글

    Nuxt.js - apache 서버 수정  (0) 2018.07.15
    npm Unknown browser query `dead`  (0) 2018.07.14

    댓글

Designed by Tistory.