JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id="vue">
  <input type="text" v-model="input"><br>
  <input type="submit" value="Regenerate" @click="newRandoms">
  <v-randoms :randoms="randoms"></v-randoms>
</div>

JavaScript

Vue.component('v-randoms', {
  template: '<div><p v-for="random in randoms" v-text="random"></p></div>',
  props: ['randoms']
});

new Vue({
	el:"#vue",
  data: {
    input: "",
    randoms: []
  },
  created: function () {
  	this.newRandoms();
  },
  methods: {
    newRandoms: function () {
      this.randoms = [];
      for (var i = 0; i < 50000; i++)
        this.randoms.push(Math.random());
    }
  }
})