JSFiddle - React, Tailwind, and code Playground

by Bo Andersen

HTML

<script src="https://unpkg.com/vue/dist/vue.js"></script>

<div id="app">
  <h1>{{ message }}</h1>
</div>

JavaScript

var vm = new Vue({
	el: '#app',
  data: {
		message: 'Hello World!'
  },
  beforeCreate: function() {
    alert("beforeCreate");
  },
  created: function() {
  	alert("created");
  },
  beforeMount: function() {
  	alert("beforeMount");
  },
  mounted: function() {
  	alert("mounted");
  },
  beforeUpdate: function() {
  	alert("beforeUpdate");
  },
  updated: function() {
  	alert("updated");
  },
  beforeDestroy: function() {
  	alert("beforeDestroy");
  },
  destroyed: function() {
  	alert("destroyed");
  }
});