vue实例中this.$store是undefined，全局却有这个对象

问题遇到的现象和发生背景

问题相关代码，请勿粘贴截图

运行结果及报错内容

我的解答思路和尝试过的方法

我想要达到的结果

import Vue,{createApp} from './vue.js'
import Vuex,{createStore,createLogger,Store} from 'vuex'

Vue.use(Vuex);

let store = new Vuex.Store({
    state: {
        // 定义一个name，以供全局使用
        name: '张三',
        // 定义一个number，以供全局使用
        number: 0,
        // 定义一个list，以供全局使用
        list: [{ id: 1, name: '111' }, { id: 2, name: '222' }, { id: 3, name: '333' }]
    }
});



let vueA = new Vue({
    el: "#app",
    store,
    data: {
       msg:'100'
    },
    components:{
        Demo,
    },
})

console.log(vueA.$store,store)

https://vuex.vuejs.org/zh/guide/#%E6%9C%80%E7%AE%80%E5%8D%95%E7%9A%84-store
这是vuex的官方例子，你自己看看有什么不同

有没有可能，需要在组件内才能获取到，因为生命周期？