Вам нужно будет ввести это свойство searchTerm в свой компонент Category, как описано в документации VueJS
В Category.vue
export default {
props: ['searchTerm'],
// Your component code (computed, methods, watch, ...)
}
Если вы хотите применить некоторую проверку к вашей опоре
export default {
props: {
searchTerm: {
type: String,
required: false,
// If not required, it's possible to give a default value
default: "woman"
},
}
// Your component code (computed, methods, watch, ...)
}
Затем вы можете прочитать свою опору с помощью this.searchTerm.
Вы также можете непосредственно прочитать его внутри <template></template>, например, с помощью {{ searchTerm }}.
Если в какой-то момент вам понадобится написать одну из ваших вещей, лучше всего скопировать ее значение в локальную переменную и работать с ней
props: ['searchTerm'],
data: function () {
return {
// Write on search variable if needed
search: this.searchTerm
}
}