vue.js無法添加代碼

template里面只能有一個(gè)根節(jié)點(diǎn)元素，如果你需要多個(gè)根節(jié)點(diǎn)，請(qǐng)使用render函數(shù)，跳轉(zhuǎn)門

template里面的內(nèi)容需要被唯一一個(gè)標(biāo)簽包裹，你把span和button用一個(gè)div包起來就OK了

報(bào)錯(cuò)信息已經(jīng)跟你說明是為什么原因了，vue組件里，所有的節(jié)點(diǎn)元素只能被一個(gè)父節(jié)點(diǎn)包裹。

有多種方式的時(shí)候可用if，else if 判斷顯示其中一個(gè)。
所以正確寫法是：

<template>
  <div>
    <span>demo</span>
    <button></button>
  </div>
</template>

這樣寫試試：

components: {
    'bottom': Bottom
}

還有一點(diǎn)建議，別用這么直觀的名字去命名組件，建議用兩個(gè)單詞以上來命名

例如：

//template
<my-bottom></my-bottom>

//script
components: {
    'my-bottom': Bottom
}