Как получить доступ к родительскому экземпляру?

<!-- ParentComponent.vue -->
<template>
    <div>
        <h1>Родительский компонент</h1>
        <p>Сообщение: {{ message }}</p>
        <child-component></child-component>
    </div>
</template>

<script>
    import ChildComponent from './ChildComponent.vue';

    export default {
        components: {
            ChildComponent
        },
        data() {
            return {
                message: 'Привет от родителя!'
            };
        },
        methods: {
            showAlert() {
                alert('Метод родителя был вызван из дочернего компонента!');
            }
        }
    };
</script>

<!-- ChildComponent.vue -->
<template>
    <div>
        <button @click="getMessage">Получить сообщение от родителя</button>
        <button @click="callParentMethod">Вызвать метод родителя</button>
    </div>
</template>

<script>
    export default {
        methods: {
            getMessage() {
                // Получаем доступ к сообщению родителя
                const parentMessage = this.$parent.message;
                alert(`Сообщение от родителя: ${parentMessage}`);
            },
            callParentMethod() {
                // Вызов метода родителя
                this.$parent.showAlert();
            }
        }
    };
</script>