獲取一個元素的寬度是前端開發中一個常見的需求。在Vue中，可以通過ref和$nextTick來獲取元素的offsetWidth。

<template>
<div ref="box">我是一個元素</div>
</template>
<script>
export default {
mounted() {
this.$nextTick(() => {
const width = this.$refs.box.offsetWidth;
console.log(width);
});
},
};
</script>

代碼解釋：

• 在template標簽中定義一個div元素，并添加ref屬性，用于在JavaScript中引用該元素。
• 在mounted鉤子函數中，通過$nextTick方法獲取元素的offsetWidth。
• 由于Vue的DOM更新是異步的，需要在nextTick中獲取元素的寬度。
• 最后在控制臺輸出獲取到的寬度。

需要注意的是，使用$refs獲取到的是DOM元素，而不是Vue實例的引用。