https://github.com/kylemh/recursive_vue_component
A run-down of a recursive, nested component with a video of its creation!
https://github.com/kylemh/recursive_vue_component
axios bootstrap4 bootstrapvue recursive vuejs2 vuex
Last synced: 11 months ago
JSON representation
A run-down of a recursive, nested component with a video of its creation!
- Host: GitHub
- URL: https://github.com/kylemh/recursive_vue_component
- Owner: kylemh
- Created: 2017-09-01T04:40:26.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-05-28T23:28:49.000Z (almost 8 years ago)
- Last Synced: 2025-05-07T12:13:25.329Z (11 months ago)
- Topics: axios, bootstrap4, bootstrapvue, recursive, vuejs2, vuex
- Language: JavaScript
- Homepage: https://kylemh.com/recursive_vue_component
- Size: 1.07 MB
- Stars: 10
- Watchers: 2
- Forks: 4
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Recursive, Nested Collapse
> A short teaser on the power of recursive components in Vue.js
[Live stream of development](https://www.youtube.com/watch?v=GuNQ_lcm5VE)
I ran into some bumps here 'n' there with the video, and stated a few incorrect things [mostly about the data option](https://vuejs.org/v2/api/#data).
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
``` bash
# 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.](https://medium.com/@mwolfhoffman/deploying-to-github-pages-with-vue-webpack-cli-5b2ba17f14a0)
For detailed explanation on how things work, checkout the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).