Vue.js에서 달러 기호($) 접두사의 의미는 Vue 인스턴스의 내부 속성이나 메서드를 나타냅니다. 이러한 속성과 메서드는 Vue.js 프레임워크에서 내부적으로 사용되며 일반적으로 직접 액세스하거나 수정하는 것은 권장되지 않습니다. 달러 기호 접두사는 Vue 인스턴스의 내부 속성 및 메서드를 사용자 정의 속성 및 메서드와 구별하기 위한 것입니다.

Question

Vue.js에서 속성 이름 앞에 있는 달러 기호 접두사의 의미는 무엇인가요?

예: this.$emit('clicked', 'demo')

Answer 1

Vue에서 $和_ 접두사 사용에 대한 설명은 여기에서 찾을 수 있습니다:

https://v2.vuejs.org/v2/style-guide/#Private-property-names-essential

자세한 내용은 섹션에 자세히 설명되어 있습니다.

_프라이빗 인스턴스 속성의 경우:

$ 공개 인스턴스 속성:

둘 다 props 및 데이터 속성과 같이 구성 요소 작성자가 선택한 속성 이름과의 충돌을 피하기 위해 사용됩니다.

---

$접두사는 Vue의 핵심 API에서만 사용되는 것이 아닙니다. 또한 구성 요소에 속성을 추가하는 라이브러리에서도 일반적으로 사용됩니다. 예:

• Vuex가 추가되었습니다$store.
• Vue 라우터가 추가되었습니다$route和$router.

이러한 라이브러리는 공식적으로 지원되지만 많은 타사 라이브러리도 지원됩니다.

전역 속성을 생성하기 위해 애플리케이션 코드에서 사용할 수도 있습니다. 일반적인 예는 $http添加到Vue.prototype（或在Vue 3中的globalProperties)입니다.

이 모든 경우에 $는 속성이 현재 구성 요소 내부가 아닌 다른 곳에서 정의되어 있음을 미래의 개발자에게 표시하는 역할을 합니다.