title: What does the ... do in Javascript?
body: <p>I am learning VueJs, in this sandbox <a href="https://codesandbox.io/s/o29j95wx9" rel="noreferrer">https://codesandbox.io/s/o29j95wx9</a> it has lines like this</p>
  
  <pre><code>&lt;script&gt;
  export default {
    props: {
      value: {
        type: String,
        default: '',
      }
    },
    computed: {
      listeners () {
        return {
          // Pass all component listeners directly to input
          ...this.$listeners,
          // Override input listener to work with v-model
          input: event =&gt; this.$emit('input', event.target.value)
        }
      }
    }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>What does the <code>...</code> in <code>...this.$listeners,</code> do?  I tried searching for it but every search engine filters out that query.  I don't know what it's called.</p>
  
  <p>I also see it used in vuex like this</p>
  
  <pre><code>computed: {
     ...mapGetters({
        currentData: 'viewerGetCurrentDocument',
        folders: 'viewerGetFoldersList'
     }),
  </code></pre>