У меня есть Компонент в Vue, который сейчас не готов к работе с ребенком / ребенком.
Мне нужно преобразовать это в родительский и дочерний для целей фильтрации.
Не могли бы вы дать мне подсказку, как это сделать?
<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
@include('includes.header')
<body>
<div id="app" class="wrapper">
<nav-component></nav-component>
<header-component></header-component>
<header-sidebar-component></header-sidebar-component>
<div class = "container">
<div class="row">
@foreach ($sortedData as $data)
<card-component title={{$data->title}} description={{$data->description}} category={{$data->category}}></card-component>
@endforeach
</div>
</div>
</div>
<script src="/js/app.js"></script>
</body>
</html>
И Vue Компонент
<template>
<div class="col-md-4">
<div class="card text-white bg-primary" style="width: 18rem;">
<img class="card-img-top" src="/img/card1.jpg" alt="Card image cap">
<div class="card-body">
<h5 class="card-title" v-text=title></h5>
<h6 class="card-subtitle mb-2 text-muted" v-text=category></h6>
<p class="card-text" v-text=description></p>
</div>
</div>
</div>
</template>
<script>
export default {
props: ['title', 'description', 'category']
}
</script>
И я хочу преобразовать это и использовать v-for для рендеринга, чтобы я мог получить данные для фильтрации внутри родителя.