Vue.js、別のページからデータを渡すために別のルート上のコンポーネントに

Question

単純なタスクをデータを渡すには、ここでVue.js で初心者にして本当の頭痛の種を作った私のルータ

は、私がレンダリングてるです、API要求を行う「/」ページ、上

を形成し、私は別のコンポーネント

それがVueの中でやることが難しいですし、別のルートページにデータを渡したいですか？今日私にとって本当に頭痛になりました。 APIからデータを取得し、別のコンポーネントに送信&を保存します。どうしたらいいですか？

Answer 1

アントニーが言ったように、すでにrouter/index.jsに小道具を有効にしているので、あなたはこのようにrouter.pushでパラメータを渡すことができます。

router.push({ 
    name: 'events', 
    params: { 
     items: data 
    } 
}); 

あなたはEventsDisplay.vue

012に小道具として itemsを受け取ることができるようになります

export default { 
    name: 'eventsDisplay', 
    props: ['items'], 
}; 

Answer 2

グローバルに保存する場合は、イベントバスまたはVueXストアを使用して格納し、アクセスする必要があるときにこのイベントバスまたはストアから保存して読み込むことができます。

あなただけのこれらの2つの構成要素の間にそれを渡すために、そして最初の1から2番目のページにアクセスした場合にのみ、このガイドに従ってルート引数にプロパティを渡すことができますしたい場合：https://router.vuejs.org/en/essentials/passing-props.html