Vue CLI是一個腳手架工具，幫助開發者快速構建Vue項目的基礎結構。在Vue CLI中，我們可以使用static目錄來保存一些靜態文件，例如圖片、CSS樣式等，這些文件可以在項目中被引用到。

首先需要在項目目錄下的static文件夾內添加需要引用的文件，例如一張圖片。在該文件夾下創建一個名為"images"的文件夾并把圖片放入其中。如果需要引用圖片，則可以在Vue組件中的template標簽中使用img標簽：

<template>
<div>
<img src="../../static/images/example.jpg" alt="我的圖片">
</div>
</template>

其中src屬性中的路徑為相對路徑，即以當前組件的位置為基準，往上兩級找static文件夾，再進入images文件夾找到example.jpg圖片。

如果需要在CSS樣式中引用static文件夾中的圖片，則可以使用relative-loader來更改引用圖片路徑：

<style scoped>
div {
background-image: url(~@/static/images/example.jpg);
}
</style>

其中"~"表示以src目錄為根路徑開始尋找文件。@代表src目錄，后繼續跟路徑。

除此之外，我們還可以在項目根目錄下的vue.config.js文件中配置static目錄，例如改變static文件夾的路徑名為public：

module.exports = {
// 配置static目錄為public
configureWebpack: {
devServer: {
contentBase: 'public'
}
}
}

這樣在項目中就可以使用public目錄來保存靜態文件，例如：

<style scoped>
div {
background-image: url(~@/public/images/example.jpg);
}
</style>

總結來說，Vue CLI中的static目錄可以方便地保存一些靜態文件，并且通過相對路徑或者配置文件改變路徑名的方式來引用這些文件。在項目中使用static目錄能夠更好地組織代碼和資源文件，提高代碼的清晰度和可維護性。