Как использовать свойства объектов Vue js 3?

Question

[Morrowind]

Привет!
Не могу сообразить даже с документацией, как использовать свойства компонентов.
Я создаю экземпляр но увы получаю "undefined"

Подробнее код.

const Start= {
    data(){
        return {
            show: true,
            short: 1
        }
    },
    methods: {
        async Start(){ 
           const app = Vue.createApp(MyComponent)
           console.log(app.count) <---- вот тут "undefined"
      }
    }
}

const MyComponent = ({
  data() {
    return { count: 4 }
  },
 methods: {
        TestMetod(){
              this.count++
        }
 }
})

Может я сильно много хочу при таком использовании?

Answer 1

[Михаил]

const fragment = document.createDocumentFragment();
const app = createApp(MyComponent).mount(fragment);
console.log(app.count);
console.log(app.$data.count);

https://v3.vuejs.org/api/options-data.html#data-2

Comments

[Morrowind]

Спасибо. Но я вижу тут привязывание к элементу в html.
Это обязательно?
У меня Start привязан к элементу в html, а MyComponent нужен для использования его экземпляра в Start.

[Михаил]

Morrowind, без mount не будет работать