This lesson is for members. Join us?
Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!
Introducing Categories, Collections of Forums
In this lesson, we'll implement Categories in our application. Categories are collections of forums. It is the very first node in our application structure, and it is of great organizational help!
Since we have seen how to implement this functionality, this is a great opportunity to build something on your own to practice what you’ve learned.
Hints
-
CategoryListItem
will need an array of category’s forums. -
PageCategory
can useCategoryListItem
. -
Instead of re-creating the forum list items you should use the
ForumList
component in theCategoryListItem
. -
ForumList
won’t be used outside of theCategory
related components. So,ForumList
's template can render a list of forums without having a list title. (by now the list title isForums
) -
Example
CategoryListItem
template:
<div class="forum-list">
<h2 class="list-title">
<router-link :to="{name: 'Category', params: {id: category['.key']}}">
{{ category.name }}
</router-link>
</h2>
<ForumList :forums="categoryForums"/>
</div>