What is Vue.js?
JavaScript로 이루어진 웹 프론트엔드 프레임워크다.
Example
<div id="app">
\{\{ message \}\}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script>
var app = new Vue({
el: '#app',
data: {
message: 'Hello, World!'
}
})
</script>
JavaScript Console 창에 app.message = "Lorem ipsum";
이런식으로 입력하여 실행시켜보면, 실시간으로 값이 렌더링됨을 알 수 있다.
Support IE
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/es6-promise@4/dist/es6-promise.auto.min.js"></script>