vue組件中聲明多個(gè)name

大家好 我剛剛接觸vue 感覺(jué)在一個(gè)vue組件當(dāng)中 使用export 好像不能聲明多個(gè)name。我描述不清 直接看代碼吧
export default {
name: 'HelloWorld',
data () {

return {
  msg: 'Welcome to Your Vue.js App'
}

},
name: 'showTest',
data () {

return {
  msg2: 'this is only a test',
  state: 'is it success ?'
}

},
methods: {

details: function () {
  return this.state + ' you are right '
}

}
}

這時(shí)候控制臺(tái)報(bào)錯(cuò) 說(shuō)不能有兩個(gè) ‘name’ 兩個(gè)‘data’