Vue de modifier la largeur et le contenu

Je suis en utilisant vuejs et selon que l'utilisateur est connecté, j'ai besoin d'ajuster la taille et le contenu de deux divs à l'intérieur de mon topbar.
Donc, si ils ne sont pas connectés, il devrait ressembler à ceci:

<div id='search' width="400px"></div><div id="login" width="200px"><img></div>

Et quand ils sont connectés, il devrait ressembler à ceci:

<div id='search' width="200px"></div><div id="login" width="400px"><div id='somecontent></div><div id='morecontent'></div></div>

Je sais que je peux y arriver par la coder en dur les deux d'entre eux entièrement, puis à l'aide de v-if, mais je me demandais si il y avait une meilleure façon.

InformationsquelleAutor JFugger_jr | 2017-08-17