Edit in JSFiddle

Vue.use(VeeValidate);
new Vue({
  el: '#app',
  data: {
    form : {
      name: '',
      message: '',
      inquiry_type: '',
      logrocket_usecases: [],
      terms: false,
      concepts: [],
      js_awesome: ''
    },
    options: {
      inquiry: [
        { value: 'feature', text: "Feature Request"},
        { value: 'bug', text: "Bug Report"},
        { value: 'support', text: "Support"}
      ]
    }
  }
});
<div class="columns" id="app">
    <div class="column is-two-thirds">
      <section class="section">
        <h1 class="title">Fun with Forms in Vue 2.0</h1>
        <p class="subtitle">
          Learn how to work with forms, including <strong>validation</strong>!
        </p>
        <hr>      
        
        <!-- form starts here -->
        <section class="form">
          <div class="field">
            <label class="label">Name</label>
            <div class="control">
              <input name="name" 
                v-model="form.name" 
                v-validate="'required|min:3'" 
                v-bind:class="{'is-danger': errors.has('name')}"
                class="input" type="text" placeholder="Full name">
            </div>
            <p class="help is-danger" v-show="errors.has('name')">
              {{ errors.first('name') }}
            </p> 
          </div>
          
          <div class="field">
            <label class="label">Message</label>
            <div class="control">
              <textarea class="textarea" placeholder="Textarea" v-model="form.message"></textarea>
            </div>
          </div>
          
          <div class="field">
            <label class="label">Inquiry Type</label>
            <div class="control">
              <div class="select">
                <select v-model="form.inquiry_type">
                  <option disabled value="">Nothing selected</option>
                  <option v-for="option in options.inquiry" v-bind:value="option.value">
                    {{ option.text }}
                  </option>
                </select>
              </div>
            </div>
          </div>
          
          <div class="field">
            <label class="label">LogRocket Usecases</label>
            <div class="control">
              <div class="select is-multiple">
                <select multiple v-model="form.logrocket_usecases">
                  <option>Debugging</option>
                  <option>Fixing Errors</option>
                  <option>User support</option>
                </select>
              </div>
            </div>
          </div>
          
          <div class="field">
            <div class="control">
              <label class="checkbox">
                <input type="checkbox" v-model="form.terms">
                I agree to the <a href="#">terms and conditions</a>
              </label>
            </div>
          </div>
          
          <div class="field"> 
            <label>
              <strong>What dev concepts are you interested in?</strong>
            </label>
            <div class="control">
              <label class="checkbox">
                <input type="checkbox" v-model="form.concepts"
                  value="promises">
                Promises
              </label> 
              <label class="checkbox">
                <input type="checkbox" v-model="form.concepts" 
                  value="testing">
                Testing
              </label>
            </div>
          </div>
          
          <div class="field">
            <label><strong>Is JavaScript awesome?</strong></label>
            <div class="control">
              <label class="radio">
                <input v-model="form.js_awesome" type="radio" value="Yes">
                Yes
              </label>
              <label class="radio">
                <input v-model="form.js_awesome" type="radio" value="Yeap!">
                Yeap!
              </label>
            </div>
          </div>
          
          
        </section>
      </section>
    </div>
    
    <div class="column">
      <section class="section" id="results">
        <div class="box">
          <ul>          
            <!-- loop through all the `form` properties and show their values -->
            <li v-for="(item, k) in form">
              <strong>{{ k }}:</strong> {{ item }}
            </li>
          </ul>
        </div>
      </section>
    </div>
  </div>

              

External resources loaded into this fiddle: