Блог

Главная - Вопросы по программированию - Как просмотреть кнопки в vue

Как просмотреть кнопки в vue

#javascript #vue.js

#javascript #vue.js

Вопрос:

Я встречаю какой-то вопрос о vue для изучения.

Моя проблема — проблема с компонентами.

Я думаю, что проект можно запустить.

Но вторая кнопка не видна.

итак, я сталкиваюсь с большой ошибкой. это как можно запустить

 <html>

<head>
  <title>Vue 101</title>
</head>

<body>
  <div id="app">
    <awesome-button></awesome-button>
    <hr>
    <music-button></music-button>
  </div>

  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

  <script>
      Vue.component('awesome-button', {
        template: `<button @click="clickHandler">Click me for some awesomeness</button>`,
        methods: {
            clickHandler() {
            alert('YAAAS 😎');
            }
        }
        });
        Vue.component('mucic-button',{
            template:`<button @click="clickMusic">Click me for some music</button>`,
            methods:{
            clickMusic() {
                alert('halou');
            }
            }
        });
    const app = new Vue({
      el: '#app',
      data: {

      }
    });
  </script>
</body>

</html>

Я ученик, я думаю, что у моего проекта нет проблем
, когда я вижу, что вторая кнопка не видна.

Ответ №1:

В названии компонента опечатка:

Так и должно быть music-button , вы написали mucic-button .