JSFiddle - React, Tailwind, and code Playground

by lxjwlt

HTML

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="test-div">
  <child></child>   
</div>

JavaScript

Vue.mixin({
  methods: {
    _: function () {}
  }
});

var parent = Vue.extend({
  template: '<div>{{test}}</div>',
  data () {
    return {
      test: 1
    };
  },
  watch: {
    test: function () {
    	console.log('change!')
    }
  }
});

var child = {
  extends: parent,
  data () {
    return {
      test: 5
    };
  },
  mounted: function () {
    this.test = 4;
  }
};

new Vue({
  el: '#test-div',
  components: {
    child: child
  }
});