Skip to content
A run-down of a recursive, nested component with a video of its creation!
Branch: master
Clone or download
Kyle Holmberg
Kyle Holmberg Edit note
Latest commit 4b5940f May 28, 2018

Recursive, Nested Collapse

A short teaser on the power of recursive components in Vue.js

Live stream of development

I ran into some bumps here 'n' there with the video, and stated a few incorrect things mostly about the data option.

Overall, it's a pretty short exercise into creating a very powerful recursive, nested component. I also through some cool stuff into the project, like dynamic/conditional styles. I love recursive components because of readability!

I would promise to go back and clean up the video, but... I probably won't.

Build Setup

# install dependencies
yarn install

# dev server with hot reload at localhost:8080
yarn start

# build for production with minification
yarn build

Follow these instructions to get GH Pages to properly display new builds.

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

You can’t perform that action at this time.