JSFiddle - React, Tailwind, and code Playground

by Simon Herteby

HTML

<div id="vue">
  <button v-for="button in buttons" @click="button.action">
    {{button.name}}
  </button>
</div>

JavaScript

new Vue({
	el:'#vue',
  data(){
  	return {
    	buttons:[
        {
          name:'Click me!',
          action(){
            alert('Hello')
          }
        },
        {
          name:'Me too!',
          action(){
            alert('Hej')
          }
        }
      ]
    }
  }
})