Vue中的CSS after是CSS偽元素，用于在DOM元素之后添加樣式。它通常被用于添加一些漂亮的圖標或者裝飾性的字符等。Vue中使用CSS after非常簡單，只需要在CSS中定義一個after偽元素，然后在Vue組件的樣式中應用即可。

/* 在CSS中定義after偽元素 */
.element::after {
content: ''; /* 內容為空 */
display: block; /* 將偽元素轉化為塊級元素，使其獨占一行 */
width: 16px; /* 寬度 */
height: 16px; /* 高度 */
background: url('xxx.png'); /* 背景圖 */
}
/* 在Vue組件樣式中應用after偽元素 */
.element {
position: relative;
}
.element::after {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}

在上面的代碼中，定義了一個class為element的元素，通過在Vue組件樣式中應用after偽元素，使其在DOM元素之后添加一個16x16的圖標，并使其垂直居中。

可以看到，使用Vue中的CSS after非常方便，只需在CSS中定義一個after偽元素，然后在Vue組件樣式中應用即可。通過這個簡單的使用，可以為Vue組件添加更漂亮、更有個性的效果。