1. 如果在下方有一个单独的TabBar组件 , 如何封装
    自定义TabBar组件, 在APP中使用
    让TabBar处于底部 , 并且设置相关的样式

2.TabBar中显示的内容由外界决定
定义插槽
flex布局平分TabBar

3.自定义TabBarItem ， 可以传入 图片和文字
定义TabBarItem , 并且定义两个插槽：图片 文字 。
给两个插槽外层包装div 用于设置样式
填充插槽 , 实现底部TabBar的效果

如果文件夹多的时候可以在

  1. build文件中寻找webpack.base.conf.js
  2. 修改
  3.  resolve: {
  4.     extensions: ['.js', '.vue', '.json'],
  5.     alias: {
  6.       'vue$': 'vue/dist/vue.esm.js',
  7.       '@': resolve('src'),   //修改这行代码
  8.       'profile':resolve('src/index')
  9.     }
  11. 修改后 路径前面要加上 ~