vue后缀名,vue 路径

　　主要介绍了路径别名在vue中的实现方法，通过实例代码详细介绍，具有一定的参考价值。感兴趣的朋友可以参考一下。

　　:

目录

　　 1.在webpack.base.conf.js 2的配置文件中为路径取别名。vue文件中的Alias 2.1，导入文件中的@2.2，dom中的alias (~)3。修改了vue的配置文件后，需要重新运行NPM dev。

1、在webpack.base.conf.js配置文件中给路径起别名

　　解决：{

　　扩展名：[。js ，。vue ，。json]，

　　别名：{

　　@: resolve(src )，

　　 assets: resolve(src/assets )。

　　 components :resolve( src/components )。

　　 views :解析( src/views )，

　　}

　　},

2、在vue文件中使用别名

2.1、在import中使用@

　　/* 1.导入测试组件*/

　　从“@/components/tabbar/TabBar”导入TabBar

　　从“@/components/tabbar/TabBarItem”导入TabBarItem

2.2、在dom中使用别名（~）

　　tab-bar-item path=/home active color= deep pink

　　 img slot= item-icon src= ~ assets/img/tabbar/home . SVG alt=

　　img slot= item-icon-active src= ~ assets/img/tabbar/home _ active . SVG alt=

　　Div slot=item-text 主页/div

　　/选项卡栏项目

3、修改了vue的配置文件，要重新npm run dev

　　页面访问正常，图片可以正常显示。

　　关于vue中路径别名的实现方法的这篇文章到此为止。有关vue路径别名的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望大家以后能多多支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。