[Vue.js] Přepínání zobrazení pomocí inline zápisu

Potřebuji ve Vue.js vytvořit přepínač, který mi mezi sebou prohodí dva elementy. Tedy jeden přestane být vidět a druhý se zobrazí. Vím, že normálně se to má dělat tak, že vyplním ve scriptu data a pomocí kliknutí budu spouštět metodu, která vyplněnou hodnotu dat změní. Potřeboval bych to udělat pouze inline zápisem pomocí v-if="" a @click="".
Rád bych využil Vue.js, protože v-if="" element odstraňuje z kódu, pokud není splněna podmínka na rozdíl od css řešení přes display:none; Předpokládám, že na to nemůžu najít žádný návod, protože je to prasárna, takto psát. Přesto by mi to výrazně usnadnilo mnoho práce.

Lze nějak ve Vue.js data a methodu umístit inline zápisem, nebo to nějak jinak vyřešit, aniž bych musel zasahovat do samotného scriptu?

Pro představu jsem vytvořil ukázku Živá ukázka