在前端開發中，經常需要根據不同的終端設備來展示不同的頁面或者功能，因此獲取終端信息是非常重要的。Vue提供了一個內置對象$device，可以用來獲取當前設備的信息。

在Vue實例中，可以通過以下代碼來獲取設備信息：

mounted() {
console.log(`設備信息: ${JSON.stringify(this.$device)}`)
}

設備信息包括以下字段：

• os：操作系統名稱
• osVersion：操作系統版本號
• browser：瀏覽器名稱
• browserVersion：瀏覽器版本號
• device：設備類型，包括desktop、mobile、tablet

根據不同的設備類型，可以根據需要展示不同的頁面或功能。例如：

<template>
<div>
<p v-if="isDesktop"> 這是PC端 </p>
<p v-else-if="isTablet"> 這是平板 </p>
<p v-else-if="isMobile"> 這是手機 </p>
</div>
</template>
<script>
export default {
computed: {
isDesktop() {
return this.$device.device === 'desktop'
},
isTablet() {
return this.$device.device === 'tablet'
},
isMobile() {
return this.$device.device === 'mobile'
}
}
}
</script>

利用$device獲取設備信息，可以根據不同的終端設備來展示不同的頁面或者功能，從而提高用戶體驗。