[vue3] 태그에

상황에 따라 다음과 같이 태그에 변수 값을 넣어야 하는 경우가 있습니다. 끼워 넣다. 제 경우에는 10%의 값을 나타내기 위해 범위의 스타일로 width: 10%를 지정해야 했지만 이 경우에는 이렇게 사용할 수 있습니다.

1. 따옴표 안에 백틱을 씁니다.

<span :style="`width: ${completionRate}%`"></span>

여기에 포함된 CompletionRate는 ref 변수이므로 스타일 앞에 :을 추가했습니다.