<aside> ❗ 관련 있는 코드들끼리 묶어서 복잡한 코드를 최적화

</aside>

데이터에 반응성 부여

<script>
<u>**import {ref} from 'vue'**</u>

export default {
	<u>**setup()**</u> {
		let count = <u>**ref(0)**</u>
		function increase() {
			<u>**count.value**</u> += 1
		}
		
		return {
			count,
			increase
		}
	}
}
<script>

• setup() 의 데이터는 값이 동적으로 바뀌는 반응성이 없기 때문에 **ref()**를 통해서 반응성을 부여한다.
• 반응성이 부여된 데이터 값은 하나의 객체가 되었으므로 데이터의 이름으로 직접 접근하는 게 아니고, .value 속성을 통해서 접근할 수 있다.