如何在单个文件组件中访问vuej中的数据变量

Question

我试图从Vue组件的数据对象中读取变量。

这是我使用

的Vue模板

<template>
    <section>
        <b-field label="Engineer number">
            <b-input type="number"  v-model="engineer"></b-input>
        </b-field>
        <a class="button" @click="send_login">Login</a>
    </section>
</template>

<script>
export default {
    data() {
        return {
            engineer: '',
        }
    },
    methods: {
        send_login: () => {
            console.log(this.engineer)
            }
        }
    }
</script>

this.engineer始终打印未定义。

如果我没有使用模板文件，则可以使用

let login = new Vue({
    el: '#loginApp',
    data: {
        username: '',
        password: '',
        engineer: '',
    },
    methods: {
        login: () => {
            console.log(login.engineer);
        },
    },
});

关于我做错的任何想法？