<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>


'오락기 > vue.js' 카테고리의 다른 글

상호 작용  (0) 2018.05.25
리스트 렌더링  (0) 2018.05.25
디렉티브  (0) 2018.05.25
코어  (0) 2018.05.25

+ Recent posts