Vue，如何在渲染方法中将数据传递到组件

Question

这是主要的vue组件。我想发出ajax请求，并使用render方法将数据传递给我的应用程序组件，该组件是另一个文件中的独立组件。如何传递这些数据以及如何在我的应用程序组件中检索它们。我正在学习Vue，我知道该怎么做，<template></template>但想知道是否可以这样做。

new Vue({
    el: '#app',
    data: {
        data: {}
    },
    mounted() {
        axios.get("http://stag.cyberserge.com:4000/autos").then(res => this.data = res.data)
    },
    render: h => h(App, this.data)
});

Answer 1

将其作为属性传递。

render(h){
  return h(App, {props: {appData: this.data}})
},

请参阅此处的文档。

在您的App组件中，添加appData（或任何您想调用的属性）作为属性。

export default {
    props: ["appData"],
    ...
}

这是此工作的示例。