最近自己做了一个适合后台系统的多级垂直导航菜单，给大家分享一下，可以作为练习实例或参考。
HTML文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--导入jquery-->
<script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
<!--导入自定义js文件-->
<script type="text/javascript" src="js/navMenu.js" ></script>
<!--导入自定义css-->
<link rel="stylesheet" href="css/navMenu.css" target="_blank" rel="external nofollow" />
<!--导入Font Awesome图标字库css文件-->
<link rel="stylesheet" href="css/font-awesome.css" target="_blank" rel="external nofollow" />
<style>
.navMenuBox{
width: 200px;
height: 500px;
![Vue.js的常见用法及基本原理 Vue.js 快速入门[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)