<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