vm。$ data返回空对象，而store.state包含数据

Question

我想使用Jest测试Vue组件。 我在存储状态下有一个名为posts的对象数组。这些对象具有ID，标题和类别等属性。 该组件具有一个用于按submitDate对帖子进行排序的getter。

import Vuex from 'vuex';
import { shallowMount } from '@vue/test-utils';
import Component from '@/components/Component.vue';
import store from '@/store.ts';

describe('add later', () => {
    it('add later', () => {
        const wrapper = shallowMount(Component, { store });
        const vm = wrapper.vm;

        console.log(store.state.posts[0].submitDate); // 2020-03-12T13:37:27+00:00

        console.log(vm.$data); // {}
    });
});

当我记录存储状态时，我得到了结果。但是，当我尝试记录实例的数据时，它给了我一个空的对象。为什么会这样？