Vue.js에서 주석(comment)
를 사용하는 방법에 대해서 짧막하게 소개하겠습니다.
각 태그마다 사용할 수 있는 형태가 다릅니다. 조금 당황스러울수도 있지만? 각 태그에서 사용하는 언어를 생각해보면 어떤 곳에 어떤 주석을 넣을지 이해할 수 있습니다.
- .vue:
<!-- -->
의 주석을 사용합니다.- template:
<!-- -->
의 주석을 사용합니다. HTML 코드를 입력하기 때문에 HTML 주석을 사용합니다.- scirpt:
//
,/* */
의 주석을 사용합니다. js 코드를 사용하므로 js 주석을 사용합니다.- style:
/* */
의 주석을 사용합니다. CSS 코드를 사용하므로 CSS 주석을 사용합니다.
<!--.vue 파일 기본-->
<template>
<!-- template에선 HTML 주석 -->
</template>
<script>
// script에선 js 주석
/* script에선 js 주석 */
</script>
<style>
/* style에선 CSS 주석 */
</style>