javascript drei Punkte Syntax

Question

I Vuetify für eine vue App bin mit, in this file sah ich eine sehr seltsame Syntax, die ich nicht finden können, was es

on line 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 
    } 
    } 

können jemand sagen, was ist das für drei Punkte? alle Artikel über das würden

dank

Answer 1

Das ist die spread operator schön sein! Es packt alle Eigenschaften vom Objekt.

In diesem Beispiel wird das Objekt kopiert, ohne es zu mutieren.

Answer 2

es ist ein Spread-Operator, der in ES6 für Objekte und Arrays in Javascript verwendet wird. Hier wird der zurückgegebene Wert von (this. $ Listeners || {}) extrahiert. Dieser zurückgegebene Wert wird mit einem Klick kombiniert: this.click wird in ein anderes leeres Objekt eingefügt, gefolgt von "on:"