title: How to pass value from child to parent for v-select component
body: <p>I am sure I am just overlooking the obvious, but I am having a little trouble with this one: simple component with one v-select control and passing the selected value to the parent. My code:</p>
  
  <p>//CHILD CONTROL</p>
  
  <pre><code>    &lt;template&gt;
      &lt;v-container fluid grid-list-md&gt;
          &lt;v-layout row wrap&gt;
              &lt;v-flex d-flex xs12 sm6 md8&gt;
                  &lt;v-flex xs12 sm6 offset-sm3&gt;
                      &lt;v-flex xs12 sm6 d-flex&gt;
                          &lt;v-select :placeholder="placeholder"
                                    :items="options"
                                    item-value="id"
                                    item-text="name"
                                    class="form-control-select"
                                    @input="changeMonth()"
                                    v-model="selectedOption"&gt;
                          &lt;/v-select&gt;
                      &lt;/v-flex&gt;
                      &lt;span&gt;Child component: {{ selectedOption }}&lt;/span&gt;
                  &lt;/v-flex&gt;
              &lt;/v-flex&gt;
          &lt;/v-layout&gt;
      &lt;/v-container&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          name: 'FormSelect',
          props: {
              placeholder: { type: String },
              options: { type: Object }
          },
          data: function () {
              return {
                  selectedOption: 0
              }
          },
          methods: {
              changeMonth: function () {
                  console.log("child changed: " + this.selectedOption);
                  this.$emit('change', this.selectedOption);
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>//PARENT</p>
  
  <pre><code>    &lt;template&gt;
      &lt;div&gt;
          &lt;div&gt;
              &lt;dropdown2 id="component-dropdown2" :options="months" :placeholder="placeholderValue" v-model="selectedMonth" @change="monthChanged"&gt;&lt;/dropdown2&gt;
              &lt;span&gt;Parent component: {{ selectedMonth}}&lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      import Dropdown2 from '../addons/Dropdown2';
  
      export default {
          components: {
              Dropdown2,
  
          },
          data() {
              return {
                  placeholderValue: 'Month',
                  months: [{ id: 1, name: 'Jan' }, { id: 2, name: 'Feb' }, { id: 3, name: 'Mar' },],
                  selectedMonth: null
              }
          },
          methods: {
              monthChanged() {
                  console.log("Month changed. Selected ID: ", this.selectedMonth);
              }
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I have no idea what else to try anymore; can anybody perhaps assist me with this?</p>
  
  <p>Many thanks in advance!</p>
  
  <p>N.</p>