热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

注册button-counter 组件实例

2023-04-12 07:55:29

注册button-counter 组件实例
注册一个 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>
注册组件计数器实例创建一个全局

推荐阅读