Mint UI底部导航栏

---

• 官网：https://mint-ui.github.io/#!/zh-cn
• Github: https://github.com/ElemeFE/mint-ui/

---

最近一个月的时间，工作上的事情特别多，要同时开发维护三四个项目，让人觉得有些憔悴，也没有时间去学习了，正好今天要聚餐，趁着下午的时间，把之前没有写完的Mint UI教程继续写一写。

接着上一篇：Vue移动端框架Mint UI教程-搭建环境引入框架（一）：https://www.jianshu.com/p/874e5152b3c5
开始来写代码：

1：在components里面新建一个vue文件，将底部的Tab抽取出来成为一个组件使用。

2：app.vue代码
打开app.vue，引入组件，写相关代码

<script>
  import Footer from './components/FooterBar.vue'
  export default {
    name: