Vue学习笔记（五）v-if, v-show与v-for指令

目录

v-if，v-show

区别：

v-for

v-if，v-show

用于是否显示当前文件节点

区别：

v-if从文件节点树直接删除该节点，而v-show则使用css的display属性选择是否显示。

示例：

    

        
SHOW OR NOT
        
SHOW OR NOT
        onshow
    
    

效果：

这样可以更加直观。

v-for

当你想让循环展示一些内容，就应使用v-for。

v-for使用key作为标识符来提高渲染速率，每个key值必须是唯一的、不变的，否则会乱套。具体涉及到Diff算法。这个太过深入，另开博客记录。

    

        

            
{
    {item}}