1.代码

<script src="https://unpkg.com/vue@next" rel="external nofollow" ></script>
<div id="components-demo">
  <button-counter></button-counter>
</div>
<script>
// 创建一个Vue 应用
const app = Vue.createApp({})
// 定义一个名为 button-counter 的新全局组件
app.component('button-counter', {
  data() {
    return {
      count: 0
    }
  },
  template: `
    <button @click="count++">
      You clicked me {{ count }} times.
    </button>`
})
// 绑定一个新的组件，新的组件中使用前面创建的组件
app.mount('#components-demo')
</script>

2.运行