반응형
javascript 세 개의 도트 구문
Vue 앱에 Vuetify를 사용하고 있는데, 이 파일에서 찾을 수 없는 매우 이상한 구문을 보았습니다.
38행:
const data = {
attrs: { disabled: this.disabled },
class: this.classes,
props: {},
directives: [{
name: 'ripple',
value: this.ripple || false
}],
on: {
...(this.$listeners || {}), // <<<---- here
click: this.click
}
}
저 세 개의 점이 뭔지 알 수 있는 사람 있어?이것에 관한 어떤 기사라도 좋다
고마워요.
저놈이 확산원이야!객체에서 모든 속성을 가져옵니다.
이 예에서는 개체를 변환하지 않고 복사합니다.
ES6에서 Javascript의 오브젝트와 어레이 모두에 사용되는 확산 연산자입니다.여기서 (이것)의 반환값입니다.$syslog | {} 이 추출됩니다.반환된 이 값과 클릭: this.click이 "on:" 뒤에 오는 빈 객체에 추가됩니다.
언급URL : https://stackoverflow.com/questions/47320701/javascript-three-dots-syntax
반응형
'programing' 카테고리의 다른 글
v- 탐색 모음에 반응하지 않는 경우 (0) | 2022.07.16 |
---|---|
vuetify의 데이터 테이블에서 날짜 형식 변경 (0) | 2022.07.16 |
웹 팩이 포함된 Vue-CLI에서 외부 CSS 및 Js 파일 추가 (0) | 2022.07.16 |
Vue 라우터가 현재 경로를 새로고침합니다. (0) | 2022.07.16 |
Vuej에는 변수와 함수를 공유하는 여러 구성 요소가 있습니다. (0) | 2022.07.16 |