Vue get/set interface

by Edward Tanguay

HTML

<div id="vue">
  <div :class="highlighted: test1highlighted">
    test1
  </div>
</div>

CSS

.highlighted {
  background-color: yellow;
}

JavaScript

new Vue({
	el:'#vue',
  data(){
  	return {
    	test1highlighted: true
    }
  },
  components:{
    multilanguageselector:{
    	props:['value'],
      template:`
      <select v-model="interface" multiple>
       <option value="en">English</option>
       <option value="de">German</option>
       <option value="fr">French</option>
      </select>`,
      computed:{
      	interface:{
        	get(){
          	return this.value
          },
          set(val){
          	this.$emit('input', val)
          }
        }
      }
    }
  }
})