在Vue中，assets和static文件夾是存放靜態資源的目錄，比如圖片、字體文件、樣式文件等。它們的區別在于assets文件夾中的資源會被webpack解析打包，而static文件夾中的資源會被直接復制到打包后的文件夾中。在使用時，我們需要根據需求選擇合適的目錄。

├── src/
│   ├── assets/
│   │   ├── logo.png
│   ├── static/
│   │   ├── home.png

當我們需要在.vue文件中引用圖片時，可以直接使用相對路徑，如。如果是在css文件中引用，需要使用相對于css文件的相對路徑。

.logo{
background:url('../assets/logo.png')
}

如果需要在Vue組件中引用static文件夾中的資源，需要使用絕對路徑。我們可以在Vue的配置文件vue.config.js中添加一個alias，這樣就可以在組件中使用相對路徑來引用static文件夾中的資源了。

//vue.config.js
module.exports = {
configureWebpack: {
resolve: {
alias: {
'@static': path.resolve(__dirname, './src/static')
}
}
}
}
//組件中引用