SOURCE

Vue.component('com',{
     data: function(){
     return{statu:'critical'};
     },
     template:'<p>{{statu}}</p>'
});
new Vue({
    el:'#app',
    data:{
    status:'critical'}
})

<div id="app">
    <p>{{status}}</p>
    <!--一个vue只能实例一次,而component能多次-->
    <com></com>
</div>