Vue 기초설명

<template>

• 화면에 노출되는 html 영역이다.
• 안에 단 하나의 태그만 존재해야한다.
• 잘못된 예시

<template>
    <div>test vue1</div>
    <div>test vue2</div>
</template>

• 올바른 예시

<template>
    <div>
    	<div>test vue</div>
    </div>
</template>

---

<script>

• Javascript 로직부분이다.

<script>
export default {}
</script>

---

<style>

• 스타일을 적용시키는 부분이다.
• scoped: 파일에서만 적용되는 것

<style lang="SCSS" scoped></style>

---

<template> <script> <style>

<template>
	<div>test vue</div>
</template>

<script>
export default {}
</script>

<style lang="SCSS" scoped></style>