# 局部组件 >通过 `Vue.component` 方式注册的组件，称之为全局组件。任何地方都可以使用。全局注册往往是不够理想的。比如，如果你使用一个像 webpack 这样的构建系统，全局注册所有的组件意味着即便你已经不再使用一个组件了，它仍然会被包含在你最终的构建结果中。这造成了用户下载的 JavaScript 的无谓的增加。 ***** <br> ###案例 ``` <div id="app"> <my-demo></my-demo> <my-demo1></my-demo1> </div> <template id = 'temp1'> <p>我是局部组件的段落</p> </template> <script> new Vue({ el: '#app', components: {//局部组件属性 'MyDemo': {//组件名 template: '<h3>我是局部组件的标题3</h3>', }, 'MyDemo':{ template:'#temp1' } }, }) </script> ```