在Vue中，我们可以使用v-bind指令来动态绑定元素的属性。其中，常见的属性之一就是div的width属性。使用v-bind指令绑定width属性值，我们可以实现自适应设置div的宽度。

// 使用v-bind指令动态绑定div宽度属性
export default {
data() {
return {
divWidth: 0 // 初始化div的宽度为0
};
},
mounted() {
// 监听窗口大小变化，重新计算div宽度
window.addEventListener('resize', this.handleResize);
this.handleResize();
},
beforeDestroy() {
// 移除窗口大小变化监听
window.removeEventListener('resize', this.handleResize);
},
methods: {
handleResize() {
this.divWidth = this.$el.offsetWidth; // 计算div的宽度，绑定到data中的divWidth属性
}
}
};

在上述代码中，我们使用v-bind指令动态绑定了div的style属性，设置了宽度为divWidth属性值加上'px'。同时，在组件的mounted生命周期钩子中，我们监听了窗口大小变化事件，重新计算div的宽度。在组件被销毁前，我们移除了窗口大小变化的监听。

总的来说，使用Vue的v-bind指令可以方便地动态绑定元素的属性。通过绑定width属性，我们可以实现自适应设置div的宽度。这对于响应式布局中的适应不同屏幕大小的需要非常有用。