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.