在vue中，设置样式宽度是一个非常常见的操作，我们通常借助于style属性来实现。

<template>
  <div :style="{ width: '200px' }">
    <p>设置宽度为200px的div元素</p>
  </div>
</template>

以上代码中，通过绑定style属性，将width设置为200px来实现div元素的宽度设置。

当然，我们也可以通过计算属性来设置宽度：

<template>
  <div :style="{ width: boxWidth }">
    <p>这是一个宽度为{{ boxWidth }}的div元素</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      width: 200,
    };
  },
  computed: {
    boxWidth() {
      return this.width + 'px'
    }
  },
};
</script>

通过计算属性boxWidth，对宽度进行操作并通过style进行绑定，即可实现灵活的宽度设置。

总之，在vue中设置样式宽度是非常灵活的，可以根据实际需求进行灵活地操作。