Как заставить работать JS в компоненте Vue в нужном месте?

Question

[Ришат Султанов]

Добрый вечер,господа!
Допустим у меня есть компонент в котором есть скрипт который должен отрабатываться только на той странице где этот компонент явно вызывается.
Как такое сделать?

Comments

[Алексей Ярков]

А обычно по другому?

Answer 1

[Дима Паутов]

в секцию mounted пишешь свой скрипт и он будет вызываться только тогда, когда компонент вызывается. Что тут сложного?

Comments

[Ришат Султанов]

<template>

</template>
    
<script>
    export default {
        mounted() {
            var vm = new Vue({
                sockets:{
                    connect: function(){
                        this.$vs.notify({title:'Соединение',text:'Вы успешно подключились к чату!',color:'success',position:'bottom-center'});
                    },
                    connect_error: function(){
                        this.$vs.notify({title:'Соединение',text:'Ошибка сервера, не могу подключить к чату!',color:'danger',position:'bottom-center'});
                    }
                }
            });
        }
    }
</script>

<style scoped>

</style>

Работает не только там где компонент вызван(

[Ришат Султанов]

А не, я тупил :) Пасибо)