Vue Cropper是一個為Vue.js框架定制的圖片剪裁組件，它使用HTML5 Canvas API并且支持自適應布局。該組件可以方便地實現圖片的剪裁、旋轉以及縮放等功能。在使用Vue Cropper進行剪裁時，其中最重要的一個參數就是比例，這個參數決定了剪裁的區域大小和形狀。

Vue Cropper的比例參數可以通過在組件中設置aspectRatio屬性來指定。aspectRatio屬性是一個數值類型，它表示剪裁區域的寬度與高度的比例。例如，設置aspectRatio為16/9，表示剪裁區域的寬度與高度比例為16:9。

<template>
<div><vue-cropper
ref="cropper"
:aspectRatio="16 / 9"
:view-mode="1"
:background="false"
:guides="false"
:drag-mode="null"
:auto-crop-area="0.8"
:center="true"
:zoomable="false"
:rotatable="false"
:scalable="false"
:crop-box-movable="true"
:crop-box-resizable="true"
:crop="onCrop">
</vue-cropper>
</div>
</template>

當設置了比例參數后，在進行剪裁時只要拖拽剪裁框，剪裁框的大小和位置就會按照設置的比例進行自適應調整。如果需要更改比例，只需要重新設置aspectRatio屬性即可。

需要注意的是，如果比例參數設置為0，表示剪裁區域不受任何限制，可以自由調整大小和形狀。如果比例參數設置為NaN，則表示使用默認比例，通常為圖片的原始大小。

總之，Vue Cropper是一個功能強大、易于使用的圖片剪裁組件，它支持自定義比例參數并且可以自適應調整剪裁框的大小和形狀。在實際開發中，根據需要設置不同的比例參數，可以實現各種形狀的剪裁區域，并且可以保證剪裁效果的準確性和美觀度。