Register component locally

<div id="app" class="text-center">
  <my-component></my-component>
  <my-component></my-component>
</div>

<div id="app2" class="text-center">
  <my-component></my-component>
</div>

<script type="text/javascript">
	// register
	var cm = {
		data: function(){
			return{
				status: 'Critical'
			}
		},
		template : "<p> Server Status: {{ status }} <button @click='changeStatus'>Click</button> </p>",
		methods: {
			changeStatus: function(){
				this.status = 'Normal';
			}
		}
	};

	new Vue({
	  el: '#app',
	  components: {
	  	'my-component' : cm
	  }
	})

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

Demo http://vue.toihid.com/section-7/register-component-locally.php