Vue基础03_v-for循环排序

v-for指令解决模板循环问题
v-for指令是循环渲染一组data中的数组,v-for 指令需要以 item in items 形式的特殊语法,items 是源数据数组并且item是数组元素迭代的别名。
基本用法
Vue基础03_v-for循环排序_第1张图片
js写法
Vue基础03_v-for循环排序_第2张图片
数组及对象排序
vue中的排序需要用到computed属性




    
    
    
    v-for 实例
    


    

v-for实例


  • { {item}}

    • { {student.name}} - { {student.age}}

你可能感兴趣的:(vue,javascript,css,html,vue.js)