JSFiddle - React, Tailwind, and code Playground

by nerdycap007

HTML

<div id="app">
  <ul>
    <li v-for="item in object">{{item}}</li>
  </ul>
  <button @click="addProp('prop2', 'Property 2')">
  Add property 2
  </button>
</div>

Vue

var vm = new Vue({
	el:"#app",
  data: {
    object: {
    	prop1: "Property 1"
    }
  },
  methods: {
  	addProp(key, value) {
    	Vue.set(this.object, key, value)
    }
  }
})