Vue是目前最流行的前端框架之一，它的優(yōu)雅和靈活性被許多開發(fā)者所喜愛。ESLint則是一個JS代碼規(guī)范檢查的工具，它可以幫助開發(fā)者減小編碼的錯誤，保證代碼的一致性和可讀性。而indent則是ESLint中的一個配置項，它指定了代碼的縮進(jìn)方式。

使用Vue與ESLint時，我們需要配置indent規(guī)則以確保代碼的可讀性和一致性。通常而言，可以設(shè)置一個空格或一個tab來縮進(jìn)每一級代碼。我們可以在.eslintrc.js文件中進(jìn)行配置。

module.exports = {
// ...其他配置項
rules: {
indent: ['error', 2], // 使用兩個空格縮進(jìn)
},
};

以上代碼表示使用兩個空格來縮進(jìn)每一級代碼。如果你更喜歡使用tab，可以將2改為'tab'。

最后需要注意，Vue的模板語言與JS代碼的縮進(jìn)方式有所不同。在Vue單文件組件中，我們需要添加'vue/html-indent'規(guī)則來進(jìn)行模板縮進(jìn)的設(shè)置。

module.exports = {
// ...其他配置項
rules: {
indent: ['error', 2],
'vue/html-indent': ['error', 2], // 使用兩個空格縮進(jìn)vue模板
},
};

以上代碼表示使用兩個空格來縮進(jìn)Vue模板語言。在進(jìn)行Vue開發(fā)時，我們不僅需要注意JS代碼的縮進(jìn)規(guī)則，還需要注意Vue模板語言的縮進(jìn)規(guī)則。