title: Vue.js connected data for multiple select option
body: <p>Here is my <strong>code</strong> </p>
  
  <pre><code>                &lt;li&gt;
                    &lt;select v-model="selectYear" id="search-year" class="w-100 text-center mb-1" name="year" &gt;
                      &lt;option v-for="year in years" v-bind:value="year.value"&gt;
                        {{ year.text }}
                      &lt;/option&gt;
                    &lt;/select&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                    &lt;select v-model="selectMake" class="w-100 text-center mb-1" name="make"&gt;
                      &lt;option v-for="make in makes" v-bind:value="make.value"&gt;
                        {{ make.text }}
                      &lt;/option&gt;
                    &lt;/select&gt;
                  &lt;/li&gt;
  </code></pre>
  
  <p>and the components data:</p>
  
  <pre><code>export default {
    name: 'search',
    data: function () {
      return{
        selectYear: '2017',
        years: [
          { text: '2017', year: '2017' },
          { text: '2016', year: '2016' },
          { text: '2015', year: '2015' }
        ],
        selectMake: '',
        makes: [
          { text: 'Sony', value: 'Sony', year: '2017' },
          { text: 'Asus', value: 'Asus', year: '2017' },
          { text: 'IPhone', value: 'IPhone', year: '2016'}
        ]
      }
    }
  }
  </code></pre>
  
  <p><strong>What I want</strong>
  I have multiple select options that is connected in terms of what only to show depending on the previous selected option.</p>
  
  <p><strong>For example</strong></p>
  
  <p><em>Scenario 1</em>: Year Selected: 2017</p>
  
  <pre><code>        Select Make Options Available: ['Sony','Asus']
  </code></pre>
  
  <p><em>Scenario 2:</em> Year Selected: 2017</p>
  
  <pre><code>        Select Make Options Available: ['Iphone']
  </code></pre>
  
  <p><em>Scenario 3:</em> Year Selected: None</p>
  
  <pre><code>        Select Make Options Available: []
  </code></pre>
  
  <p>Is it possible to implement in Vue.js?</p>