vue中给路径起别名的实现方法

resolve: {
  extensions: ['.js', '.vue', '.json'],
  alias: {
    '@': resolve('src'),
    'assets': resolve('src/assets'),
    'components': resolve('src/components'),
    'views': resolve('src/views'),
  }
},

 /* 1、导入T组件 */
  import TabBar from '@/components/tabbar/TabBar'
  import TabBarItem from '@/components/tabbar/TabBarItem'

<tab-bar-item path="/home" activeColor="deeppink">
  <img slot="item-icon" src="https://www.atool.online/article/~assets/img/tabbar/home.svg" alt="">
  <img slot="item-icon-active" src="https://www.atool.online/article/~assets/img/tabbar/home_active.svg" alt="">
  <div slot="item-text">首页</div>
</tab-bar-item>