动态路径

<script>
  //一般相对路径
    import tabber from './components/common/Tabbar/tabber.vue';
  //别名路径，@为src，这样更灵活
  import tabber from '@/components/common/Tabbar/tabber.vue';
</script>

别名路径

在Vue Cli 4.0+里面设置，可以直接在vue.config.js里面，输入代码

const path = require('path');//引入path模块
function resolve(dir){
    return path.join(__dirname,dir)//path.join(__dirname)设置绝对路径
}
module.exports={
    chainWebpack:(config)=>{
        config.resolve.alias
        .set('@',resolve('./src'))
        .set('components',resolve('./src/components'))
        .set('views',resolve('src/views'))
        .set('assets',resolve('src/assets'))
        //set第一个参数：设置的别名，第二个参数：设置的路径
　　　　
    }
}

在template中使用