JSFiddle - React, Tailwind, and code Playground

by Edward Tanguay

HTML

<div id="vue">
  <select v-model="someVar">
    <option value="1">Option 1</option>
    <option value="3">Option 3</option>
    <option value="5">Option 5</option>
  </select>
  <hr> SomeVar: {{someVar}}
  
  <div>
    <button @click="changeIt()">
    Change It
    </button>
  </div>
</div>

JavaScript

const app = new Vue({
  el: '#vue',
  data: {
    someVar: 1,
  },
  created: function() {
      this.someVar = 1;
  },
  methods: {
  	initialize: function() {
    	this.someVar = 5;
    }
  }
});
app.initialize();