判断
v-if
表达式成立则显示便签内容,否则不显示。例子:点击按钮,显示或者隐藏标题,v-if绑定一个表达式变量,通过改变这个变量控制便签显示或者隐藏。
隐藏
v-show
表达式成立则显示便签内容,否则不显示。功能与v-if类似,但是v-show控制的是css标签内display的属性值,而v-if控制的是标签整个元素。如下例子:
循环
v-for
集合数据列表展示。集合list数据每个顺序赋值给item,序号赋值给index。
表达式成立则显示便签内容,否则不显示。例子:点击按钮,显示或者隐藏标题,v-if绑定一个表达式变量,通过改变这个变量控制便签显示或者隐藏。
表达式成立则显示便签内容,否则不显示。功能与v-if类似,但是v-show控制的是css标签内display的属性值,而v-if控制的是标签整个元素。如下例子:
集合数据列表展示。集合list数据每个顺序赋值给item,序号赋值给index。