Ant design Vue的使用

//导入vue第三方库
<script src="../vue.js"></script>
<script src="antd.min.js"></script>
<link rel="stylesheet" href="antd.min.css">

<div id="app">
         <a-menu style="width: 256px;" mode="inline" theme="dark">  
           <a-sub-menu key="sub1">
               <span slot="title">
                  <span>网站设置</span>
               </span>
               <a-menu-item key="1">网站信息</a-menu-item>
               <a-menu-item key="2">备案信息</a-menu-item>
               <a-menu-item key="3">SEO信息</a-menu-item>
               <a-menu-item key="4">二维码</a-menu-item>
           </a-sub-menu>
           <a-sub-menu key="sub2">
            <span slot="title">
               <span>数据设置</span>
            </span>
            <a-menu-item key="5">状态数据</a-menu-item>
            <a-menu-item key="6">状态数据</a-menu-item>
            <a-menu-item key="7">类别数据</a-menu-item>
            <a-menu-item key="8">类别数据</a-menu-item>
        </a-sub-menu>
         </a-menu>
    </div>
    <script>
        const app= new Vue({
            el:"#app",
            data:{

            }
        })
    </script>

mode有三种形式：vertical(默认)、horizontal(类似于横向二级导航菜单)、inline(侧边栏导航菜单)