Safflower's Blog Security Researcher

Vue.js 시작


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> 

Similar Posts

Comments