Gurus,
У меня есть дочерний компонент VueJS
который я запускал следующим образом и отлично работает -
<app-shopping :categories="categories" :imageList="imageList">
Теперь я хочу добавить отдельный маршрут для этого, но я не уверен, как передать categories
и реквизиты imageList
в декларации маршрута. Я делаю это -
import appShopping from '../components/AppShopping.vue';
export const routes = [
{ path: '/',
component: appShopping,
props: true,
},
];
Может ли кто-нибудь сказать мне, как мне передать реквизит из родительского компонента в этот компонент? Спасибо за вашу помощь
EDIT: ДОБАВЛЕНИЕ К ВОПРОСУ Как продлить решение, если мои маршруты состоят из разных компонентов, каждый из которых имеет собственный набор реквизитов, передаваемых от родителя?
EDIT 2: ДОБАВЛЕНИЕ ДАЛЬНЕЙШЕЕ В то время как решение, приведенное ниже, работает, кажется, излишне пропускает не требуемые реквизиты для дочерних компонентов. Например, он передает категории и реквизиты imageList ко всем компонентам, которые являются частью маршрута. Есть ли выход из этого? Или это требует другого подхода к управлению государством, например, Vuex?
Спасибо.
Вы можете передать свойства в представлении router-view
.
<router-view :categories="categories" :imageList="imageList"></router-view>