Stylus是一個CSS預處理器，類似于Sass和Less，它可以使我們更輕松地編寫CSS代碼。Vue.js作為一個流行的前端框架，也支持使用Stylus來編寫樣式。

在Vue 2.0中，在組件中使用Stylus的方法非常簡單。首先需要安裝Stylus的依賴，可以在命令行中運行以下代碼：

npm install stylus stylus-loader --save-dev

安裝完成后，我們可以在組件的style標簽中使用Stylus。例如：

<template>
<div class="example">
<h1>Hello World</h1>
</div>
</template>
<style lang="stylus">
.example
h1
color: #f00
</style>

在這個例子中，我們使用Stylus來設置.example類中的h1元素的文字顏色。注意，在style標簽中，我們需要將lang屬性設置為"stylus"，以告訴Vue.js使用Stylus解析樣式。

除了基本的CSS屬性之外，我們還可以使用Stylus的許多特性來編寫更加高效和靈活的CSS。例如，變量和混合器：

$primary-color = #007bff;
.example
h1
color: $primary-color
.btn
background-color: $primary-color
border-radius()
border-radius: 5px
.button
mixin border-radius

在這個例子中，我們首先定義了一個變量$primary-color，并將其設置為藍色。然后我們使用該變量來設置.example類中的h1元素和.btn類的背景顏色。接下來，我們定義了一個名為border-radius的混合器，并在.button類中使用它來添加圓角樣式。

除了變量和混合器，Stylus還支持嵌套樣式和條件語句：

.example
h1
color: #f00
p
color: #000
if $primary-background-color == 'light'
background-color: #fff
else
background-color: #000

在這個例子中，我們使用嵌套樣式來設置.example類中的h1和p元素的樣式。我們還使用了一個條件語句，根據變量$primary-background-color的值不同來設置p元素的背景顏色。

總之，使用Stylus編寫Vue.js組件的樣式非常方便和靈活。Stylus支持許多有用的功能，如變量，混合器，嵌套樣式和條件語句等，可以大大提高CSS的編寫效率。