Vue、レンダリングメソッドでコンポーネントにデータを渡す方法

Question

これは主要な表示コンポーネントです。私は、Ajaxリクエストを作成し、別のファイルのスタンドアロンコンポーネントである私のappコンポーネントに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}}) 
}, 

ドキュメントhereを参照してください。

Appコンポーネントでは、appData（または呼び出すもの）をプロパティとして追加します。

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

これは、workingの例です。