本文详细介绍了在Vue.js项目中如何使用v-for、v-if及三元表达式等指令进行状态管理，包括如何通过判断变量来改变背景颜色、切换显示不同组件及更换背景图片，实现界面的动态响应。
文章目录
思路
首先在data中写入对象数组，并且写个可以if判断的标志
如下图
upFlag是个标志，action也是个标志
当action: 0是一个状态，action:1是另一个状态
当状态改变时发生什么事件，例如改变背景色，切换显示不同的div，切换背景图片，
改变背景颜色是:class不同的样式，显示不同的div是用v-if判断是true还是false来进行展示，换背景图片与切换显示一样无非就是切换显示不同的img,
切换不同的背景颜色一般用到的是3元表达式，当标志为1或者为0时绑定不同的class
总结
也就是当v-for中item中的数据中的标志有变化时进行某项操作 如下图
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
