Как правильно вызвать метод vue?

Мне нужно вызвать метод и передать в него id товара. Как лучше это сделать?

<template>
<form @click.prevent="addToCart">
                    <input type="hidden" v-model="id" name="id" />
                    <button v-on="addToCart" type="submit">
                        Добавить в корзину
                    </button>
                </form>
</template>

<script>
export default {
    props: {
        id: {
            type: Number,
            default: "NULL",
        },
        title: {
            type: String,
            default: "NULL",
        },
        price: {
            type: String,
            default: "NULL",
        }
    },
    methods: {
        addToCart(){
            axios.post('/api/cart/add', {
                id: id
                })
                .then(res => {
                    if (res.data.status) {
                        console.log(res.data);
                    }
                })
                .catch(err => {
                    console.log(err.responsense.data);
                })
        }
    }
}
</script>