Simple Vue.js Example (no build tools)

simple-vuejs-example.html

<!-- Live Example: https://jsfiddle.net/Lqn6ocqm/ -->

<component>
    <style>
        .zelimir div {
            background: #0ff;
        }
    </style>

    <template>
        <div class="zelimir">
            <div>Zelimir Says: {{ number }} </div>
        </div>
    </template>

    <script>
        var el = document.currentScript;
        Vue.component('zelimir', {
            data: function() {
                return {
                    number: Math.random()
                }
            },
            created: function() {
            },
            template: el.parentElement.querySelector('template')
        });
    </script>
</component>

<component>
    <style>
        .joost div {
            background: #eee;
        }
    </style>

    <template>
        <div class="joost">
            <div>Joost Says: {{ time }} </div>
            <zelimir v-for="v in [1,2,3,4]"></zelimir>
        </div>
    </template>

    <script>
        var el = document.currentScript;
        Vue.component('joost', {
            data: function() {
                return {
                    time: new Date()

                }
            },
            created: function() {
            	var self = this;
            	setInterval(function() {
              	self.time = new Date();
              }, 100);
            },
            template: el.parentElement.querySelector('template')
        });
    </script>
</component>

<div id="app">
  <joost></joost>
</div>

<script>
  new Vue({
	  el: '#app'
  });
</script>

https://jsfiddle.net/Lqn6ocqm/