JSFiddle - React, Tailwind, and code Playground

by nkovacs

HTML

<a v-on="click:test">Click me</a>

JavaScript

var component = {
    template: "<p>I'm a component {{test}}</p>",
    data: function() {
    	return {
            test: 'test'
		};
	}
};

var app = new Vue({
    el: 'body',
    methods: {
        test: function() {
            var cons = Vue.extend(component);
            
            for (var i = 0; i < 10000; i++) {
                var child = this.$addChild({
                    el: document.createElement('span')
                }, cons);
                child.$appendTo(this.$el);
            }
        }
    }
});