vue中el和template区别

Question

先看两段基础代码
html:

<div id="app">
    <Father/>
</div>
<template id="father">
  <div>
    <h3>Father</h3>
  </div>
</template>

js:

Vue.component('Father',{
    template:'#father'
})
new Vue({
    el:'#app'
})

我的问题:

el:'#app'或者el:'.app'都不会报错

但是template:'.father'却报错
template:'#father' 不报错 这是为什么?有什么区别?

Answer 1

template挂在到dom就成了el