将Jest与Nuxt组件一起使用时，无法读取未定义的属性$loading

<template>
  <div>
    <p v-if="$loading">Loading...</p>
    <p v-else>Content loaded.</p>
  </div>
</template>

<script>
export default {
  mounted() {
    // 在组件加载完成后，$loading属性应该已经定义
    console.log(this.$loading);
  }
}
</script>

// 在测试文件中，使用mocks或provide选项模拟上下文环境并提供$loading属性的默认值
import { shallowMount, createLocalVue } from '@vue/test-utils';
import MyComponent from '@/components/MyComponent.vue';

const localVue = createLocalVue();

describe('MyComponent', () => {
  let wrapper;

  beforeEach(() => {
    wrapper = shallowMount(MyComponent, {
      localVue,
      mocks: {
        $loading: false // 提供$loading属性的默认值
      }
    });
  });

  it('renders correctly', () => {
    expect(wrapper.html()).toMatchSnapshot();
  });

  it('accesses $loading property correctly', () => {
    expect(wrapper.vm.$loading).toBe(false);
  });
});