时间戳

首页 > 解决方案 > vue中如何查看按钮

javascript - vue中如何查看按钮

问题描述

我遇到了一些关于要学习的 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>

我是一个学习者，当我看到我的项目时我认为我的项目没有问题，第二个按钮看不到。

标签： javascriptvue.js

解决方案

组件名称中有一个错字：

它应该是music-button，你写道mucic-button。

推荐阅读