JSFiddle - React, Tailwind, and code Playground

by ChangJoo Park

HTML

<script src="https://unpkg.com/[email protected]"></script>

<div id="app">

</div>

JavaScript

var app = new Vue({
  el: '#app',
  data: function() {
    return {
      message: 'Hello',
      items: [{
        id: 1,
        body: 'Buy the milk',
        completed: false
      }, {
        id: 2,
        body: 'Meet a friend',
        completed: true
      }, ]
    }
  },
  methods: {
  	callItems: function () {
    	return this.items
    }
  },
  beforeCreate: function() {
    debugger
    console.log(this)
    debugger
  },
  created: function() {
    debugger
    console.log(this)
    debugger
  },
  beforeMount: function() {
    debugger
    console.log(this)
    debugger
  },
  mounted: function() {
    debugger
    console.log(this)
    debugger
  },
  beforeUpdate: function() {
    debugger
    console.log(this)
    debugger
  },
  updated: function() {
    debugger
    console.log(this)
    debugger
  },
  beforeDestroy: function() {
    debugger
    console.log(this)
    debugger
  },
  destroyed: function() {
    debugger
    console.log(this)
    debugger
  }
})
debugger
app.$destroy()
debugger
console.log(app)