前端框架 VUE-列表渲染-v-for增删改查之对象数组两种形式及列表的搜索和排序（四）

列表显示指令

• 数组: v-for / index
• 对象: v-for / key

列表的更新显示

• 删除 item
• 替换 item

列表的高级处理

• 列表过滤
• 列表排序

具体代码如下：

    
    







    
v-for 数组

    

        

            {{index}}---{{p.name}}---{{p.age}}
            ---删除---
            更新
        
        新增
    

    
v-for 对象

    

        

            {{key}}---{{value}}
        
    

    
    

       

           {{index}}--{{p.name}}--{{p.age}}
       
    

    年龄升序
    年龄降序
    原本顺序