Stylus 是一種 CSS 預處理器，可以通過編寫簡潔的代碼生成兼容的 CSS 樣式。Vue 中使用 Stylus 可以使代碼更加簡潔清晰，同時也提高了樣式的復用性和可讀性。

首先，在 Vue 項目中使用 Stylus 需要安裝相應的依賴包。可以使用 npm 安裝，命令為：

npm install stylus stylus-loader --save-dev

安裝完畢后，在 Vue 的單文件組件中使用 Stylus，只需要在樣式塊中添加 lang 屬性即可。例如：

<style lang="stylus">
// Stylus 代碼
</style>

通過這種方式，可以在 Vue 的組件中直接編寫 Stylus 代碼，無需額外引入樣式表。

在編寫 Stylus 代碼時，可以使用各種語法糖來簡化代碼。例如，可以使用嵌套語法來避免冗長的選擇器：

div
span
color: #333

可以使用變量來避免重復的顏色代碼：

$primary = #42b983
.navbar
background-color: $primary

可以使用 Mixin 來提高代碼的復用性，如下面的例子是通過 Mixin 來設置帶前綴的 CSS3 屬性：

border-radius()
-webkit-border-radius: arguments
-moz-border-radius: arguments
border-radius: arguments
.button
border-radius: 5px

可以使用操作符來進行算術運算和顏色運算。例如，可以通過加號將兩個顏色混合：

$color-one = #007acc
$color-two = #ff0000
background-color: $color-one + $color-two

需要注意的是，Stylus 中某些語法可能會與 CSS 沖突，需要使用 !important 來解決沖突問題。

除了基本的語法特性以外，Stylus 還提供了豐富的函數庫，可以在樣式中使用函數進行計算和處理。如下面的例子是通過 color() 函數來計算顏色的亮度：

button
color: if(color($primary).lightness() >50, #000, #fff)

除了基本的語法特性以外，Stylus 還提供了豐富的函數庫，可以在樣式中使用函數進行計算和處理。如下面的例子是通過 color() 函數來計算顏色的亮度：

總結來說，Vue 中使用 Stylus 可以使代碼更加簡潔清晰，通過使用 Mixin、變量和函數等特性可以提高代碼的復用性和可讀性。需要注意的是，Stylus 中某些語法可能會與 CSS 沖突，需要使用 !important 來解決沖突問題。