[Vuejs]-Why Vue.js template can't interact it's script?

in vue you must write functions in the methods object and onclick == @click

<template>
        <button @click="someClickFunction();"></button>
    </template>

    <script>
        export default {
            name: "button-view",
            methods: {
              someClickFunction(){
                console.log("You've pressed the button");
              }
            }
        }
    </script>

    <style scoped>
    </style>