<html>
<body>
아래는 vue.js 양방향 바인딩
<!--
<div id="app">
<h1>{{message}}</h1>
<input v-model = "message">
</div>
-->
아래는 제이쿼리 input tag에 keyup 이벤트
<div>
<h2>TEST</h2>
<input id='message'>
</div>
</body>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<!--<script src="https://cdn.jsdelivr.net/npm/vue"></script>-->
<script>
/*
new Vue({
el: '#app',
data: {
message: '이 페이지는 ' + new Date() + ' 에 로드 되었습니다'
}
})
*/
$('#message').on( 'keyup' , function() {
var message = $('#message') .val();
$('h2').text(message);
})
</script>
</html>