如何从Vue模板中的表单中获取数据？

Question

我只是想使用fetch将POST请求发送到我的服务器，但由于我是Vuejs的新手，我不知道如何从数据中获取数据。 我的哈巴狗代码如下所示

<template lang="pug">
.wrapper
  .container
    h1 CNTRL
    form(v-on:submit.prevent='onSubmit').form
      input(type='text', placeholder='Username', v-model='id')
      input(type='password', placeholder='Password', v-model='password')
      button#login-button(type='submit') Login
</template>

这是我在脚本部分写的，但是它不起作用。我不知道这有什么问题。

export default {
    data () {
        id: '',
        password: ''
    },
    created () {
      // Set $route values that are not preset during unit testing
      if (process.env.NODE_ENV === 'testing') {
        this.$route = {
          name: 'landing-page',
          path: '/landing-page'
        }
      }
    },
    methods: {
        onSubmit() {
            fetch('/signup', {
                method: 'POST',
                body: JSON.stringify({
                    id: this.id,
                    password: this.password
                })
            })
        }
    },

  }