刪除線是文本樣式中的一種，它在頁面中以一條穿過文本的橫線的形式來表現。Vue是一款流行的JavaScript框架，可以為開發者提供方便快捷的前端開發體驗。

Vue中實現刪除線的方法非常簡單，只需要在樣式中添加text-decoration屬性即可。該屬性的取值為line-through，即穿過文本的橫線。下面是使用Vue的單文件組件（SFC）實現刪除線的示例代碼：

<template>
<div class="text">
<p :style="{textDecoration: 'line-through'}">這是一段有刪除線的文字</p>
</div>
</template>
<style>
.text {
font-size: 18px;
color: #333;
}
</style>

在上面的代碼中，我們在<p>標簽中綁定了樣式屬性，即用Vue的動態綁定語法(:)綁定了textDecoration屬性。該屬性的值為line-through，我們就可以在頁面中看到這段文字中穿過的橫線。

除了使用textDecoration屬性，我們還可以使用CSS3的偽元素::before和::after來實現刪除線樣式。下面是示例代碼：

<template>
<div class="text">
<p class="del">這是一段有刪除線的文字</p>
</div>
</template>
<style>
.text {
font-size: 18px;
color: #333;
}
.del {
position: relative;
}
.del::before {
content: "";
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
background-color: red;
transform: translateY(-50%);
}
</style>

在上面的示例代碼中，我們先給我們想要實現刪除線樣式的<p>標簽添加了樣式類“del”。然后，在樣式中設置了relative定位，為偽元素::before提供了定位的基準。接下來，在偽元素::before中使用了CSS的transform屬性將線條向上移動了50%的距離，使其穿過文字。

總的來說，在Vue中實現刪除線樣式非常簡單，只需要在樣式中添加textDecoration屬性，或者使用CSS的偽元素來實現。這樣可以為頁面的排版和美觀性提供了很大的方便。