Vue的contain屬性用于控制組件在父元素中的內容是否溢出并裁剪。它接收一個布爾值作為參數，設置為true可以啟用裁剪功能。

<template>
<div class="parent" :style="{width: '200px', height: '200px'}">
<div class="child" :style="{width: '300px', height: '300px'}" v-bind:style="{contain: true}">
<!-- 該元素內容將被裁剪 -->
</div>
</div>
</template>

在上面的代碼例子中，.parent代表父元素，.child代表子元素。由于子元素的尺寸大于父元素，因此未啟用contain屬性時，子元素會溢出到父元素外面。而啟用contain屬性可以避免這種情況。

需要注意的是，contain屬性只對某些元素生效，例如div和iframe等。

<template>
<div class="parent" :style="{width: '200px', height: '200px'}">
<iframe class="child" :src="url" v-bind:style="{contain: true}"></iframe>
</div>
</template>

上面的代碼展示了contain屬性在iframe中的應用。同樣的，由于iframe的尺寸大于父元素，啟用contain屬性可以避免iframe內容的溢出。

總之，在需要控制組件尺寸的情況下，使用contain屬性可以使布局更加精確，提升用戶體驗。