业务中经常碰见点击那个列表显示哪块内容,如果给每个v-if绑定不同的变量是很不优雅的
<Perone v-if="active1"/>
<Pertwo v-if="active2"/>
<Perthree v-if="active3"/>
<Perfour v-if="active4"/>
这样写的话 代码显得非常冗余
可以给每个子组件绑定同一个变量名,但变量值不一样
<Perone v-if="active == 0"/>
<Pertwo v-if="active == 1"/>
<Perthree v-if="active == 2"/>
<Perfour v-if="active == 3"/>
点击哪个显示,改变active的值就好了