在Vue中，Stylus是一種比CSS更簡潔、更易于維護的樣式語言。它可以通過簡潔的語法定義變量、嵌套樣式和混合功能，可以大大提高開發效率。Vue中默認使用CSS語法，但是如果你想使用Stylus，該怎么做呢？下面將介紹使用Stylus的兩種方式。

一種是通過安裝stylus-loader包來處理Stylus文件，讓webpack打包的時候將Stylus文件轉化成CSS文件。首先需要在項目中安裝stylus和stylus-loader包：

npm install stylus stylus-loader --save-dev

接著在webpack配置文件中的module.rules中添加如下代碼：

module: {
rules: [
{
test: /\.styl$/,
loader: ['style-loader', 'css-loader', 'stylus-loader']
}
]
},

這里我們需要給出對應的正則表達式，表示什么樣的文件需要使用stylus-loader進行處理。然后在Vue組件中使用Stylus語法即可：

<style lang="stylus">
$bgColor = #fff
.box 
background-color $bgColor
</style>

另一種方式是使用vue-styled-components包，這是一個靈活的、易于使用的CSS-in-JS解決方案，能夠使用JavaScript編寫CSS樣式。首先需要安裝這個包：

npm install vue-styled-components --save

接著在main.js中引入該包，并設置為Vue的默認樣式解析器：

import Vue from 'vue'
import VueStyledComponents from 'vue-styled-components'
Vue.use(VueStyledComponents)

然后在Vue組件中使用JavaScript編寫樣式：

<style>
const bgColor = '#fff'
export default {
box: {
backgroundColor: bgColor
}
}
</style>

通過這種方式，我們可以使用JavaScript來定義樣式規則，并且可以在組件內部定義變量和函數，實現動態樣式和傳遞參數。

總的來說，通過上述兩種方式，我們可以在Vue中使用Stylus語法來編寫CSS樣式，并且可以提高樣式的可維護性和代碼的重用性。這對于項目的開發和維護都是非常有幫助的。