首页 / 知识

注册button-counter 组件实例

2023-04-11 13:14:00

注册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>

注册组件计数器实例创建一个全局

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢