动态路径
<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第一个参数:设置的别名,第二个参数:设置的路径
}
}