In Vue.js, how can I emit multiple value from child to parent while parent's v-on pass another parameter? : <p>This is a code example.</p>

<pre class="lang-js prettyprint-override"><code>Vue.component('button-counter', {
  template: '&lt;button v-on:click="emit_event"&gt;button&lt;/button&gt;',
  methods: {
    emit_event: function () {
      this.$emit('change', 'v1', 'v2', 'v3')  // Here I emit multiple value
    }
  },
})
new Vue({
  el: '#parent',
  data: {
    args: ""
  },
  methods: {
    change: function (...args) {
      this.args = args
      console.log(args)
    }
  }
})
</code></pre>

<pre class="lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.3.3/vue.common.js"&gt;&lt;/script&gt;
&lt;div id="parent"&gt;
  {{ args }} &lt;br /&gt;
  &lt;button-counter v-on:change="change(1234, $event)"&gt;&lt;/button-counter&gt;
&lt;/div&gt;
</code></pre>



<p>From the parent component, I want to get parameter pass by change() (in this example, 1234), but also every value emitted by child component.
I try to use $event to catch the values child emit, however $event is only set up to the first value child emit (int this example, 'v1')</p>

<p>Is there any way to do that? I know I can emit an array to catch multiple value. But some library just emit multiple value.</p>

<p>This is the codepen for above example.
<a href="https://codepen.io/anon/pen/MmLEqX?editors=1011" rel="noreferrer">https://codepen.io/anon/pen/MmLEqX?editors=1011</a></p>
