Vue.js 服务器端呈现单个文件组件而不使用vuex或路由器

我们在网站中使用Vue2，而不是SPA，因此我们准时使用单文件组件来改善用户体验

Ssr在entry_server.js中使用此代码，我们可以从命令行调用此文件，例如

node Ssr bundle.js

或从express应用程序调用此文件：

//entry\u server.js
从“components/Test.vue”导入测试；
const app=新的Vue({
渲染：h=>（测试{
道具：{}
})
});
导出默认函数（上下文）{
返回新承诺（（解决、拒绝）=>{
解析（app）；
});
};

这是一个示例组件：

//Test.vue
{{apidata}
从“axios”导入axios；
导出默认值{
数据（）{
返回{
apidata:[]
};
},
beforeCreate（）{
get（'/api/v1/versions.json'，{params:{card_id:274}}）{
this.apidata=响应；
log（'loadData！！！'）；
控制台日志（响应）；
});
},
};

当我们需要从API获取数据时，组件render ok，但它不显示这些数据，渲染不会等待API请求

我们发现许多SSR示例和文档都使用vuex和路由器，但是，如何使用单个文件组件从API预取数据而不使用vuex或路由器来进行SSR？