【无标题】

Vue3别名使用
1.在整个项目下创建文件vue.configure.js

module.exports = {
  configureWebpack : {
    resolve:{
      alias:{
      //@表示src目录，默认已经配好了
        'assets': '@/assets',
        'common': '@/common',
        'components': '@/components',
        'network': '@/network',
        'views': '@/views'
      }
    }
  }
}

2. 使用
   （1） 在template中使用，需要加~
   (2) 在script标签中使用，不用加~

<img src="~assets/img/tabbar/home.svg" alt="">

<script>
  import tabbar from 'components/common/tabbar/TabBar'
  import tabbaritem from 'components/common/tabbar/TabBarItem'

  export default {
    name: "maintabbar",
    components: {
      tabbar,
      tabbaritem
    }
  }
</script>

标签：network,views,components,无标题,tabbaritem,common,tabbar
来源： https://blog.csdn.net/m0_51353579/article/details/122269095