# 全局組件 全局組件需要定義在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> ```