vue侧边栏组件_Vue.js侧边栏菜单组件

vue侧边栏组件

边栏菜单 (vue-sidebar-menu)

A Vue.js Sidebar Menu Component.

Vue.js侧栏菜单组件。

安装 (Installation)

npm i vue-sidebar-menu --save

用法 (Usage)

import Vue from 'vue'
import VueSidebarMenu from 'vue-sidebar-menu'
 
Vue.use(VueSidebarMenu)

<template>
  <sidebar-menu :menu="menu" />
</template>
 
<script>
    export default {
        data() {
            menu: [
                {
                    href: '/',
                    title: 'Dashboard',
                    icon: 'fa fa-user'
                },
                {
                    href: '#',
                    title: 'Charts',
                    icon: 'fa fa-chart-area'
                },
            ]
        }
    }
</script>

发展历程 (Development)

npm install
npm run dev

翻译自: https://vuejsexamples.com/a-vue-js-sidebar-menu-component/

vue侧边栏组件