Vue2 jsは、あるルートの入力から別のルートへの値を渡すか、あるルートから別のルートへのデータプロパティを共有します。

Question

vue2 jsでホテルの予約アプリケーションを実行しています。 2つの画面1）検索入力値を取得する2）検索結果ページを表示する。

import FrontEndHome from './components/fontend/Home.vue'; 
import FrontEndCheck from './components/fontend/Check.vue'; 

export const routes = [ 
    { path: '/', component: FrontEndHome }, 
    { path: '/check', component: FrontEndCheck } 
]; 

を次のように私のroute.js

以下のスクリーンショットを参照してくださいすることは最初の画像から日からとを取得しており、しなければならない私が欲しいものですそれらの日付を第2の画像に表示する。

Answer 1

ルート経由でデータを渡したいとします。

<template> 
    <router-view :items="items"></router-view> 
</template> 
<script> 
export default { 
    name: 'app', 
    data() { 
    return { 
     items: 6 
    } 
    }, 
} 
</script> 

とCheck.vueコンポーネント内を：あなたはapp.vueで、次のような何かを行うことができhttps://router.vuejs.org/en/essentials/passing-props.html

Answer 2

VUEのドキュメントでそれを達成する方法を見ることができます

で

<template> 
    <div>{{items}}</div> 
</div> 
</template> 
<script> 
export default { 
    name: 'FrontEndCheck', 
    props: ['items'], 
} 
</script> 

言い換えれば、コンポーネントのロジックをrouter-viewに適用することができます（コンポーネントであるため）。それは私のアプリで動作します。