Written by 최태열
on 

Vue.js 맛보기

Vue.js란?

Front-End JavaScript Framework이다. 즉, 웹 페이지 화면을 개발하기 위한 오픈 소스 자바스크립트 프레임워크

기본 구조

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<div id="app">
    이름 :  <br>
    나이 :  <br>
    성별 :  <br>

    <br>
    <hr>
    <input type="text" v-model="name"><br>
    <input type="text" v-bind:value="age">
</div>

<script>
    new Vue({
        el: "#app",
        data: {
            name: "탱려",
            age: "26",
            sex: "male"
        }
    });
</script>

원하는 id를 가진 구역에서 값을 매핑하여 수정하고 표시하는 것을 동적으로 가능하게 해준다.

Discussion and feedback