Можно ли во vue вложить метод в объект?

Question

[Ярослав Иванов]

Сейчас использую вызов метода так
<button @click="packet().send()">Send</button>

Хочу вызывать метод так
<button @click="packet.send()">Send</button>

Текущая структура методов:

new Vue({
    methods: {
        packet() {
            return {
                send() {},
                recieve() {}
            }
        }
    }
})

Какой еще способ есть как можно вложить метод ?
Вложить метод в объект в разделе methods нельзя. Vue ругается на это

[Vue warn]: Method "packet" has type "object" in the component definition. Did you reference the function correctly?

Answer 1

[0xD34F]

Сделайте packet свойством, а не методом.

Comments

[Ярослав Иванов]

В data?

[0xD34F]

Ярослав Иванов, да.

Answer 2

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

Ну в геттер вложите

Comments

[Ярослав Иванов]

Тоже в data?)

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

Ярослав Иванов, вы знаете что такое геттеры в Vue? computed которые?

[Ярослав Иванов]

Алексей Ярков, а точно. Я думал про get перед методом))

[Ярослав Иванов]

Алексей Ярков, вычисляемое свойство кароче

Answer 3

[casoer]

new Vue({
data: {
packet: {
send: () => {},
receive: () => {}
}
}
})

Comments

[Ярослав Иванов]

Ну если другого способа нет.

Так то все же дата для статики

[nvdfxx]

Ярослав Иванов, так-то, все, что в data - реактивное и для динамики как раз