Vue.js에서 달러 접두사($)는 무엇을 의미합니까?
Vue.js의 속성 이름 앞에 있는 달러 문자/심볼 접두사의 의미는 무엇입니까?
예를 들어 다음과 같습니다.this.$emit('clicked', 'demo')
의 사용방법$그리고._Vue의 프레픽스는 다음과 같습니다.
https://vuejs.org/v2/style-guide/ #Private-property-names-Essential
특히 "상세설명" 섹션에 기재되어 있습니다.
_는 프라이빗 인스턴스 속성용입니다.
Vue는 _ 접두사를 사용하여 자체 개인 속성을 정의합니다.
$는 퍼블릭인스턴스 속성용입니다.
$ 접두사는 Vue 생태계 내에서 사용자에게 노출되는 특수 인스턴스 속성입니다.
둘 다 소품 및 데이터 특성 등 구성요소 작성자가 선택한 특성 이름과의 충돌을 피하기 위해 사용됩니다.
그$프리픽스는 Vue의 핵심 API에서만 사용되는 것이 아닙니다.또한 컴포넌트에 속성을 추가하는 라이브러리에서 일반적으로 사용됩니다. 예:
- Vuex가 추가
$store. - Vue Router 추가
$route그리고.$router.
이들 라이브러리는 모두 공식적으로 지원되는 라이브러리이지만 많은 서드파티 라이브러리에서 동일합니다.
글로벌 속성을 생성하는 응용 프로그램 코드에서도 사용할 수 있습니다.일반적인 예는 추가입니다.$http로.Vue.prototype(또는globalProperties(Vue 3)에 있습니다.
이 모든 경우에$는 자산이 현재 컴포넌트 내가 아닌 다른 곳에서 정의된다는 것을 미래의 개발자에게 알려주는 지표 역할을 합니다.
언급URL : https://stackoverflow.com/questions/56881724/what-does-the-dollar-prefix-mean-in-vue-js
'programing' 카테고리의 다른 글
| Vue에서 동적으로 추가된 구성 요소에서 요소 추가 및 제거 문제 (0) | 2022.07.30 |
|---|---|
| JVM에서 jconsole을 사용하여 액세스하기 위해 JMX를 활성화하려면 어떻게 해야 합니까? (0) | 2022.07.30 |
| Vue/Vuex가 생성된 후크에서 비동기 디스패치를 기다립니다. (0) | 2022.07.30 |
| Vue.js를 사용하여 CSS 클래스 속성 변경 (0) | 2022.07.30 |
| 데이터 변경 시 vue 프로토타입이 반응하지 않음 (0) | 2022.07.30 |