Javascript 向 Express API 发送 POST 请求时，属性未定义

我最近刚刚开始学习Vue.JS.我正在试着做一个简单的MEVN待办事项应用，以了解它是如何工作的，但每当我试图向我的Express服务器发送帖子时，它只会告诉我:

TypeError: Cannot read properties of undefined (reading 'TodoItem')个

有人能告诉我我做错了什么吗？当我在发送之前对待办事项进行控制台记录时，它会记录我正在发送的所有内容.

Todo.vue个

<template>
    <div>
        <form @submit.prevent="createPost">
            <div>
                <label for="todoItem">Todo Item</label>
                <input type="text" id="todoItem" v-model="todoItem">
            </div>
            <button>Create Post</button>
        </form>
    </div>
</template>

<script>
import axios from 'axios'

export default {
    name: "Todo",
    data() {
        return {
            todoItem: ''
        }
    },
    methods: {
        createPost() {

            console.log("Sending: " + this.todoItem)

            axios.post("http://[SERVER]/todo", this.todoItem)
                .then((response)=> console.log(response))
                .catch((error)=> console.log(error))
        }
    }
}

</script>

server.js个

const express = require("express")
const bodyParser = require("body-parser")
const app = express()

app.set(bodyParser.json())
app.set(bodyParser.urlencoded({extended: true}))

app.get("/", (req, res)=> {
    res.send("Hello, World!")
})

app.post("/todo", (req, res)=> {
    const todoItem = req.body.todoItem

    console.log(todoItem)

    res.status(200)
    res.json({
        message: "success"
    })
})

app.listen(3000, "0.0.0.0", ()=> {
    console.log("Server is up and running.")
})

编辑:我听从了Teddy的回答，现在我从Vue.JS https://i.imgur.com/zq2W2AR.png得到了这个错误