Tabbar组件的封装

封装成一个独立的组件：
1 2 3 4 5

1. 封装的组件要足够的灵活
2. 插槽，让外界决定只能往里面插入几个东西
3. 创建4个TabbarItem
4. 这个组件里面又可以定义图片的插槽，和文字的插槽，从而所有的东西都不是写死的。
5. 小的Item里面定义props属性，props里面定义别人传过来的一些值，
6. props { link: } 点击item动态的跳转到某一个item里面，动态的帮你进行相关的跳转。组件封装的思想。大的组件放小的组件就好了。
7. tab-bar的高度一般是49px
8. @import做css文件的动态引入。
9. flex布局
   10.阴影过渡—box-shadow属性
10. tabBar放置一个插槽，原因呢是为了不让tabBar的逻过于复杂。
11. 抽离出来，tabBar里面只关注于tabBar自己的东西，item组件不应该交给它管理，原因是因为item组件的逻辑乱七八糟的。
12. 为了不让TabBar的逻辑过于复杂，我们把tabBar抽离出来tabBarItem。
13. tabBarItem动态变化，放置插槽。
14. 动态往组件里面插入东西。让外界动态的往组件里面插入东西，完成tabBar的基本封装。

17.     <img src="" alt="">
    

18.    <div></div>