# 全局组件 全局组件需要定义在vue实例化之前 > 通过`Vue component('组件名称', {})`，通过这个方法注册的都是全局组件，也就是他们再注册之后可以用在任何新创建的`Vue` 实例挂载的区域内。 ***** **注意** >需要在组件中渲染多个标签时，可以抽出来在<template></template>标签中书写，使用id进行关联，需要注意的是只能存在一个根 <br> ``` <div id="app"> <demo></demo> <demo1></demo1> </div> <template id = 'temp1'> <div> <p>我是段落1</p> <p>template只能有一个根，所以要用个div包裹起来</p> </div> </template> <script> Vue.component('demo',{ template:'<h3>我是标题3</h3>' }) Vue.component('demo1',{ template:'#temp1' }) new Vue({ el:'#app' }) </script> ```