See My Upcoming Book On Ionic & Vue JS

Creating an Animated Accordion List Component in VueJS

Using vue animations, vue slots & HTML data attributes I walk through how to create a component that you can pass a list of data and it will create a list with a header and a body that can be expanded and collapsed.

This video is not heavy on the ionic framework as most of my other videos are, but this component that is built here can be used in ionic or a plain vuejs application

Source Code

Links and References Used

• Data Attributes: https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes
• Vue Animations: https://v3.vuejs.org/guide/transitions-enterleave.html#transitioning-single-elements-components
• Vue Slots: https://v3.vuejs.org/guide/component-slots.html#scoped-slots

Get Information On Upcoming Ionic VueJS eBook

• https://leanpub.com/ionic-vue-sqlite-crud/