vue学习笔记1
来源:互联网 发布:尚趣玩网络 编辑:程序博客网 时间:2024/06/07 03:19
v-for循环,以及数组,对象的循环
<h1>v-for</h1><hr><div id="app"><!-- 看好了循环谁 --><li v-for="item in sortItems">{{item}}</li><h3>循环对象</h3><hr><ul><!-- 循环对象,index从0开始 --><li v-for="(student,index) in sortStudents">{{index+1}}:{{student.name}}---{{student.age}}</li></ul></div><script type="text/javascript">//data中的数组和compute中的数组同名时会返回最上面的数组var app=new Vue({el:'#app',data:{items:[53,23,7,14,54,36,28],students:[{name:'yang',age:18},{name:'ooog',age:21},{name:'RRRng',age:9},{name:'yFF',age:524}]},computed:{ sortItems:function(){ // 传递参数否则只比较第一位js的bug return this.items.sort(sortNumber); }, sortStudents:function(){ return sortByKey(this.students,"age") } }});//解决js中的bugfunction sortNumber(a,b){return a-b;}//数组对象方法排序:function sortByKey(array,key){ return array.sort(function(a,b){ var x=a[key]; var y=b[key]; return ((x<y)?-1:((x>y)?1:0)); });}</script>
阅读全文
0 0
- vue学习笔记1
- vue学习笔记1
- Vue 学习笔记1
- Vue学习笔记(1)安装vue
- vue.js学习笔记-1
- vue学习笔记[1] 开始
- vue学习笔记:vue-router
- 从零学起vue(学习笔记1)
- Vue.js学习笔记-1-组件
- vue.js学习笔记(1)
- Vue 学习笔记1之安装
- Vue.js学习笔记
- Vue.js 学习笔记
- Vue.js学习笔记
- VUE学习笔记
- Vue.js学习笔记
- Vue学习笔记
- Vue.js学习笔记
- 多重输入判断-流程图代码
- FCN中单张图片可视化的代码
- IntelliJ IDEA破解小方法
- UVA 12265 Selling Land
- computed属性和watch属性的区别之二【computed的基本用法】
- vue学习笔记1
- 拨开字符编码的迷雾--字符编码转换
- Java的三个方向命名规范以及在微软WINDOWS下环境变量的配置技巧。
- vue文档组件篇杂项阅读
- hdu 5085 Counting problem (分块+二进制优化下hash链表)
- [线段树]「CodePlus 2017 11 月赛」Yazid 的新生舞会
- 我与这个时代01
- 三个农夫问题
- ArrayList list = new ArrayList(20);中的list扩充几次,笔试题