我正在使用vuejs，根据用户是否登录，我需要调整顶栏中两个div的大小和内容.
<div id='search' width="400px"></div><div id="login" width="200px"><img></div>
当他们登录时，应该是这样的:
<div id='search' width="200px"></div><div id="login" width="400px"><div id='somecontent></div><div id='morecontent'></div></div>
我知道我可以通过完全硬编码这两种语言，然后使用v-if语句来实现这一点，但我想知道是否有更好的方法.
<div id='search' :style="{width: loggedIn ? '200px' : '400px'}"></div>
<div id="login" :style="{width: loggedIn ? '400px' : '200px'}">
<div id='somecontent' v-if="loggedIn"></div>
<div id='morecontent' v-if="loggedIn"></div>
<img v-if="!loggedIn">
</div>
可以使用v-bind在vuejs中绑定样式
new Vue({
...
data: {
loggedIn: false
}
...
})