給button添加 v-on:click 為什么報錯？

<template>
    <form class="form signup">
        <h2>注冊新用戶</h2>
        <input v-model="signupUsername" type="username" id="inputUsername" class="form-control" placeholder="username" required autofocus>
        <input v-model="signupPassword" type="password" id="inputPassword" class="form-control" placeholder="Password" required>
        <input v-model="emailAddress" type="email" id="inputEmail" class="form-control" placeholder="Email address" required>
// 下面的button添加了 v-on:click="pushMessage"
        <button v-on:click="pushMessage" type="submit">注冊</button>
    </form>
</template>

<script>
    export default {
        name: 'Signup',
        data() {
            return {
                signupUsername: '',
                signupPassword: '',
                emailAddress: 'sdfas'
            }
        },
// pushMessage方法在這里
        method: {
            pushMessage: function() {
                console.log('123')
                
            }
        }
    }
</script>

結(jié)果報錯

感覺有點莫名奇妙？語法也應(yīng)該沒有出現(xiàn)問題？