在前端開發中，我們常常需要調整表格，列表等元素的行高。Vue是一個流行的JavaScript框架，提供了多種方法來控制行高。在本文中，我們會介紹Vue控制行高的方法。

Vue提供了三種方式來控制行高：CSS、樣式綁定和計算屬性。

CSS

table {
line-height: 2;
}

在CSS中，我們可以通過設置line-height屬性來控制行高。在上面的代碼中，我們將table元素的line-height設置為2，這將使其行高為原來的兩倍。

樣式綁定

Row 1
Row 2

在Vue中，可以使用樣式綁定來設置行高。上面的代碼中，我們通過:v-bind指令將樣式對象傳遞給table元素。這個對象只有一個屬性lineHeight，其值為2。這將使行高為原來的兩倍。

計算屬性

{{ item.name }}

在Vue中，計算屬性可以幫助我們動態計算樣式。在上面的代碼中，我們通過v-for指令循環渲染items數組中的元素，并為每個元素設置不同的行高。行高是在數據中定義的，而不是在樣式中硬編碼的。這提供了更大的靈活性和可維護性。

以上是Vue控制行高的三種方法，其中樣式綁定和計算屬性是Vue特有的方法。不同的方法適用于不同的場景，需要根據具體需求進行選擇。