在Vue.js中，如果要錄變聲，首先需要使用getUserMedia API來獲取權限，然后創建MediaRecorder實例來錄音，最后將錄制的音頻上傳或儲存。

使用getUserMedia API獲取權限：

// 獲取瀏覽器允許的音頻輸入設備
navigator.mediaDevices.getUserMedia({ audio: true })
.then(stream =>{
// 獲取到音頻輸入流stream后，就可以開始錄制了
})
.catch(err =>{
// 處理獲取音頻輸入設備失敗的情況
})

創建MediaRecorder實例來錄音：

// 在getUserMedia API獲取到音頻輸入流之后，創建MediaRecorder實例
let recorder = new MediaRecorder(stream)
// 設置錄音格式和編碼方式
recorder.mimeType = 'audio/webm;codecs=opus'
// 開始錄音
recorder.start()

根據需要，在錄音過程中可以監聽某些事件，比如ondataavailable事件用來獲取錄音數據：

recorder.ondataavailable = function(e) {
// 獲取到錄音數據后，可以將它存儲起來或者上傳給服務器
let audioBlob = e.data
}

停止錄音的時候，要記得調用MediaRecorder的stop()方法，以便將錄制的音頻數據處理好：

recorder.stop()

完整的錄音過程示例代碼：

// 獲取瀏覽器允許的音頻輸入設備
navigator.mediaDevices.getUserMedia({ audio: true })
.then(stream =>{
// 在獲取到音頻輸入流之后，創建MediaRecorder實例
let recorder = new MediaRecorder(stream)
// 設置錄音格式和編碼方式
recorder.mimeType = 'audio/webm;codecs=opus'
// 用數組存儲錄音數據，最后可以上傳或存儲
let audioChunks = []
// 監聽錄音數據事件，將錄音數據存儲到audioChunks數組中
recorder.ondataavailable = function(e) {
audioChunks.push(e.data)
}
// 開始錄音
recorder.start()
// 10秒后停止錄音
setTimeout(function() {
// 停止錄音
recorder.stop()
// 將數組中的錄音數據轉成Blob對象
let audioBlob = new Blob(audioChunks)
// 向服務器上傳或處理錄音數據
}, 10000)
})
.catch(err =>{
console.log('Failed to get user media:', err)
})

以上就是在Vue.js中錄制音頻的基本步驟。需要注意的是，在使用getUserMedia API和MediaRecorder API時需要注意兼容性問題，不同瀏覽器支持的格式和方法可能有所不同，需要做好兼容性處理。