Vue整理02---条件渲染与列表渲染

1.简单的v-if v-else使用

true的时候显示

else的时候显示

解析:通过show来控制不同标签的显示,不存在的标签不是隐藏了而是删除了,这跟v-show不同。

2.v-for简单使用

  • name is {{person.name}}, age is {{person.age}}
data:{
                persons:[
                    {name:'csz',age:20},
                    {name:'lc',age:18},
                ]
            }

解析:循环列表时,参数1为内容,参数2为index,循环对象时,参数1为value,参数2为key

3.v-for列表数据的修改


        
  • key is {{key}}, value is {{value}}

解析:for循环尽量可以接一个key用来区分。

你可能感兴趣的