<template>
	<div>
		<p>문자열 : {{ message }}</p>
	</div>
</template>

<script>
import { ref } from 'vue';

export default {
	setup() {
		const message = ref('안녕하세요');
		return {
			message,
		};
	},
};
</script>

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

message라는 변수가 바인딩 되어 ref(message의 속성)가 변경될 때, 함께 변경된다.

v-once

속성이 변경되어도 한번만 반응하게 하려면 v-once를 적용할 수 있다.