Vue框架是目前最受歡迎的JavaScript框架之一，它為開發人員提供了一種簡單，高效的方式來構建交互式Web應用程序。Vue的核心是組件系統，它允許您將您的應用程序劃分為獨立的可重用部件。

在Vue中，input標簽是最常用的表單元素之一。有時，您可能想要隱藏輸入框，例如：當用戶選擇某個選項時，根據不同的選項顯示或隱藏一組輸入框。幸運的是，Vue提供了一種簡單的方式來隱藏的任何元素，包括input標簽。

<input type="text" v-if="showInput">
</input>
<button @click="showInput = !showInput">Toggle Input</button>

如上述代碼所示，使用Vue自帶的v-if指令可以動態地顯示或隱藏輸入框。

在data選項中定義一個名為showInput的布爾值，它指示輸入框是否應該顯示。然后，將v-if指令添加到輸入框元素中，將showInput作為其參數。如果showInput為true，則輸入框將呈現，反之，則隱藏。最后，在按鈕上添加一個@click事件，它將反轉showInput的值，以便您可以通過單擊按鈕來切換輸入框的可見性。

您也可以使用v-show指令代替v-if。v-show類似于v-if，但不會從DOM中刪除元素，而是通過CSS將其隱藏。這意味著v-show可以更快地呈現，但它不適用于目標元素的頻繁更改。

<input type="text" v-show="showInput">
</input>
<button @click="showInput = !showInput">Toggle Input</button>

在上述代碼中，使用v-show指令，它的參數與v-if相同。然后，在按鈕上添加一個@click事件，它將反轉showInput的值以切換輸入框的可見性。

綜上所述，Vue提供了幾種方便的方法來隱藏任何元素，包括input標簽。使用v-if或v-show，您可以輕松地根據不同的條件隱藏或顯示輸入框。