29.局部组件注册

• 只能在当前注册它的vue实例中使用

<div id="app">
    <my-component></my-component>
</div>

<script>
    // 定义组件的模板内容
    var Child = {
      data: function(){
        return {
          msg: 'HelloWorld'
        }
      }
      template: '<div>{{msg}}</div>'
    }
    new Vue({
      el: '#app',
      //局部注册组件  
      components: {
        // <my-component> 将只在父模板可用  一定要在实例上注册了才能在html文件中使用
        'my-component': Child
      }
    })
 </script>