为什么我改了todolist里面的内容，8080端口就打不开了，命令行里也报错

这是命令行我运行todolist之后的报错

ERROR  Failed to compile with 1 errors                                                                         10:24:06

 error  in ./src/TodoList.vue

Syntax Error: Unexpected token, expected , (23:11)

  21 |

  22 | export default {

> 23 |  components{

     |            ^

  24 |          'todo-item':Todoitem

  25 |  },

  26 |  data(){

 @ ./src/TodoList.vue 8:0-105 9:0-118

 @ ./src/main.js

 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js