Не работает метод у компонента?

Question

[Robert Bl]

'use strict';

Vue.component('MainMenu', {
  template: '#Main-menu',
  methods: {
    hover: function( id) {
      console.log(id);
    }
  }
});

let application = new Vue({
  el: '#application'
});

Comments

[Ilya]

а как вызываешь и что пишет?

[Robert Bl]

Илья: Пишет, что метод не определен

[Evgeny Kulakov]

Покажите весь шаблон main-menu и как вы его используете в application.

[Robert Bl]

Evgeny Kulakov:

Answer 1

[Robert Bl]

Нашёл решение, оказывается проблема была в том, что обертку template нельзя вкладывать в контейнер приложения

Answer 2

[Evgeny Kulakov]

Думаю что не корректное использование, вам нужно написать шаблон для компонента отдельно:

<script type="text/x-template" id="main-menu">
  <p>Your template is here</p>
</script>

И далее в главном компоненте:

<div id="application">
<main-menu></main-menu>
</div>

Comments

[Robert Bl]

[Evgeny Kulakov]

Трудно сказать не видя код, не находит шаблон. Я бы для начала все привёл к единому стилю - убрал заглавные буквы или по крайней мере сделал все единообразно. Замените пока название у компонента просто на menu.