如何获取在DOM中呈现的Vue组件的数量？

// 注册Vue组件
Vue.component('my-component', {
  // 组件的选项
  // ...
})

// 创建Vue实例
new Vue({
  el: '#app',
  // ...
})

// 获取在DOM中呈现的Vue组件的数量
function getRenderedComponentCount() {
  let count = 0;
  const components = this.$children;
  
  for (let i = 0; i < components.length; i++) {
    if (components[i].$el) {
      count++;
    }
  }
  
  return count;
}

// 调用函数获取组件数量
const renderedComponentCount = getRenderedComponentCount();
console.log('在DOM中呈现的Vue组件数量：', renderedComponentCount);