Access mounted event without HTML changes, without @mounted attribute?

[easingthemes]

Hi,
Is there any way to use mounted event without adding attribute @mounted to DOM element?

https://codepen.io/draganfill/pen/YzVgwZd?editors=1010

Eg:

import { createApp } from 'https://unpkg.com/petite-vue?module'

const $comps = document.querySelectorAll('.comp');
$comps.forEach($comp => {
  createApp({
    count: 1,
    mounted() {
      console.log("mounted!", $comp.id);
    }
  }).mount($comp);
});

HTML:

works
<div class="comp" id="1" @mounted="mounted">
  <p>{{ count }}</p>
</div>
how to use mounted event in JS only?
<div class="comp" id="2">
  <p>{{ count }}</p>
</div>

[pthethanh]

May be add it dynamically using setAttribute?

works
<div class="comp" id="1" >
  <p>{{ count }}</p>
</div>
how to use mounted event in JS only?
<div class="comp" id="2">
  <p>{{ count }}</p>
</div>

import { createApp } from 'https://unpkg.com/petite-vue?module'

const $comps = document.querySelectorAll('.comp');
$comps.forEach($comp => {
  $comp.setAttribute("v-on:mounted","mounted")
  createApp({
    count: 1,
    mounted() {
      console.log(`I'm mounted!`, $comp.id);
    }
  }).mount($comp);
});