Vue.js 시작하기

1 개요

Vue.js 시작하기

<div id="app">{{ message }}</div>

<script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
<script>
  Vue.createApp({
    data() {
      return {
        message: 'Hello Vue!'
      }
    }
  }).mount('#app')
</script>

2 같이 보기

• Vue.js data
• Vue.js 조건문 v-if
• Vue.js 반복문 v-for
• Vue.js 속성바인드 v-bind
• Vue.js 클릭이벤트 v-on:click
• Vue.js v-model 디렉티브
• Vue.js 계산된 속성
• Vue.js 컴포넌트
• Vue.js

3 참고

• https://vuejs.org/v2/guide/