Vue.js 템플릿 문법

• 템플릿 문법

• html

<div id="app">
    <!-- Mustache 구문(이중 중괄호) 데이터 바인딩 기본형태 -->
    <p>num      >>> {{ num }}</p>

    <!-- javascript 표현식 -->
    <p>num + 1  >>> {{ num + 1 }}</p>
    <p>num == 1 >>> {{ num == 1 ? 'Y' : 'N' }}</p>
</div>

• javascript

new Vue({
    el: '#app',
    data: {
        num: 1
    }
});

 

• 결과