vue中的初始排序
来源:互联网 发布:2016全国各地上牌数据 编辑:程序博客网 时间:2024/06/06 02:24
初学vue,照着demo一点点的敲。今天刚好敲到vue中的过滤排序filter 官方demo中有这么一例。
<ul id="demo1">
<li v-for="n in even(numbers)">{{n}}</li>
</ul>
var vm1 = new Vue({
el:"#demo1",
data:{
numbers:[1,2,3,4,5]
},
methods:{
even:function(numbers){
return this.numbers.filter(function(number){
return number%2 === 0;
})
}
}
<ul id="demo2">
<li v-for="n in even(numbers)">{{n}}</li>
</ul>
var vm2 = new Vue({
el:"#demo2",
data:{
numbers:[2,1,7,4,3]
},
methods:{
even:function(numbers){
var i = 0;
var j = numbers.length - 1;
var Sort = function(i, j) {
// 结束条件
if (i == j) {
return
}
var key = numbers[i];
var stepi = i; // 记录开始位置
var stepj = j; // 记录结束位置
while (j > i) {
// j <<-------------- 向前查找
if (numbers[j] >= key) {
j--;
} else {
numbers[i] = numbers[j];
//i++ ------------>>向后查找
while (j > ++i) {
if (numbers[i] > key) {
numbers[j] = numbers[i];
break;
}
}
}
}
// 如果第一个取出的 key 是最小的数
if (stepi == i) {
Sort(++i, stepj);
return;
}
// 最后一个空位留给 key
numbers[i] = key;
// 递归
Sort(stepi, i);
Sort(j, stepj);
};
Sort(i, j);
return numbers;
}
}
});
- vue中的初始排序
- 排序 初始状态
- sublime初始vue的代码片段
- 初始Vue.js--数据的绑定(一)
- 使用npm安装vue项目初始框架
- 初始JavaScript中的模块
- vue-cli初始项目搭建(vue脚手架工具)
- 堆排序创建初始堆
- 初始C#中的Attribute类
- 初始C#中的Attribute类
- Vue项目 一、准备以及初始项目解析
- vue.js移动端app实战1:初始配置
- vue 初始化为dom元素添加事件 vm.$nextTick( [callback] )
- 快速排序随机初始基准数
- 初始
- 初始
- 初始
- 初始
- 判断网络请求Utilis
- Ajax 入门之 GET 与 POST 的不同 (2)
- C#学习心得
- android图片加载库的使用对比
- JAVA语言如何进行异常处理,关键字:throws,throw,try,catch,finally分别代表什么意义?在try块中可以抛出异常吗?
- vue中的初始排序
- install a new linux operating system and the repeatable git bash (what I do after reinstall the sys)
- Android TouchEvent事件传递机制
- 配置Gradle国内镜像源
- APK目录简述
- wxPython
- ceph - pg 常见状态
- tomcat优化
- php self this parent区别,对比