반응형
디렉티브
UI 개발할 때 js 코드를 작성하지않고, 편리하게 기능을 제공한다.
- v-if
- v-else
- v-for(리스트를 렌더링 할 수 있다.)
- v-bind
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Getting Started</title>
</head>
<body>
<div id="app">
<ul>
<li v-for="item in items">{{ item }}</li>
</ul>
</div>
</body>
<script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
<script>
Vue.createApp({
data() {
return {
items: ['삼성','네이버','인프런']
}
},
}).mount('#app');
</script>
</body>
</html>
반응형
'Front > Vue' 카테고리의 다른 글
| 태태개발일지 - vue (1) | 2024.11.13 |
|---|---|
| 태태개발일지 - VUE ES6 (1) | 2024.11.11 |
| 태태개발일지 - vue js (1) | 2024.11.10 |
| 태태개발일지 - vuejs (0) | 2024.11.09 |
| 태태개발일지 - vuejs (0) | 2024.11.04 |