tabbar的搭建过程

==============================================================================
注意事项：
1、assets文件夹储存一些资源，图片、css
2、在style标签里面引用文件要使用 @import“文件路径”；
3、tabbar的高度一般是49px
4、box-shadow：x y 1px模糊程度 rbga（r，b，g，透明度0.2）------->css
5、使用position：fixed把东西固定在底部时要加上left、right、bottom都为0px
6、 vertical-align: middle;可以使元素垂直居中，用于缩小文字与图标距离
7、在需要进行判断的时候要在插槽外面添加div包着，因为slot会在程序执行的时候被替换，所以直接在slot标签上添加有可能不起作用：

8、绑定类的写法------->：class=“{自定义类名：变量名}”
9、公用的组件放在components文件夹里面，独立的组件另外创建文件夹

10、不同的item有不同的path所以要从父组件中把path传进来：
11、动态判断哪个是活跃并且修改active的值：

12、将颜色也进行封装：
模板里面代码

 <div :style="activestyle">//动态绑定style
           <slot name="item_text"></slot>
  </div>

最外层vue文件，可以动态修改颜色了通过自定义activecolor传进tabbar子组件

13、起别名的位置：
webpack.base.conf.js

1）在import导入的时候路径别名可以直接引用
2）但是在标签引用的时候就要在前面添加~

resolve{
	alias:{
		'@':resolve('src'),
		'assets':resolve('@/assets')
	}
}

设置别名的路径里面不能有另外的别名，脚手架2里面