【无标题】

2022-01-01 17:32:40 阅读：161 来源： 互联网

标签：network views components 无标题 tabbaritem common tabbar

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

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

使用
（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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

【无标题】