コンストラクタ

Question

からApp.vue中/インポートデータを使用するためにどのように私は私がApp.vue内itemsを利用するようにしようとしているので、同じようmain.jsで

import App from './App.vue'; 

const store = { 
    items: [{ 
     todo: 'Clean Apartment.', 
    },{ 
     todo: 'Mow the lawn!', 
    },{ 
     todo: 'Pick up eggs, milk & flour', 
    }, { 
     todo: 'Watch the big game', 
    }], 
}; 

const app = new Vue({ 
    el: '#app-zone', 
    data: store, // is this not sending the store data into App.vue? 
    render: h => h(App), 
}); 

を私のアプリを初期化しています。しかし、私はそれがどのように、あるいはそれに引き継がれているのかは分かりません。

App.vueは

export default { 
    props['items'], // not sure if that's correct 
    created() { 
     console.log(this.items); // always returns undefined 
    } 
} 

は、どのように私は、コンストラクタからデータを取得し、それを利用することがない...そうのように見えますか？ご協力ありがとうございました！

Answer 1

propsをrender関数で渡すには、contextオブジェクトを指定する必要があります。 https://vuejs.org/v2/guide/render-function.html#createElement-Arguments

render: h => h(App, { 
    props: { 
    items: store.items 
    } 
})