注册一个 button-counter 组件，在每次点击后，计数器会加 1:

 

实例

// 创建一个Vue 应用

const app = Vue.createApp({})

 

// 定义一个名为 button-counter 的新全局组件

app.component('button-counter', {

  data() {

    return {

      count: 0

    }

  },

  template: `

    <button @click="count++">

      点了 {{ count }} 次！

    </button>`

})

app.mount('#app')

</script>