vue-nested-menu
A simple hands-on mobile nested menu UI component with a smooth slide animation.
Installation
Yarn / NPM
$ yarn add vue-nested-menu
main.js
; Vue;
Usage
Basic
index.html
main.js
; Vue el: '#app' data: menu: title: '首頁' children: title: `Today's Deals` link: `/today` children: title: `Shop By Department` children: title: `Amazon Music` link: `/music` children: title: `CDs and Vinyl` link: `/cds` children: ;
Single File Component
app.js
; Vue; // ...
MyMenu.vue
Styling
You can use following classes for your own customizations
default style
.Menu__header .Menu__list .Menu__item