注意直接使用数组的reverse()函数可能会引起循环引用,
reArr(value){
return value.reverse()
}错误信息
[Vue warn]: You may have an infinite update loop in a component render function.<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
//导入Vue.js
<script type="text/javascript" src="./vue.js"></script>
</head>
<body>
<div id="app">
<span>{{msg | reverseStr| appendStr}}</span>
<span>{{arr | deleteRepeate|reverseArr}}</span>
<span>{{arr | reverseArr}}</span>
<span>{{msg}}</span>
</div>
</body>
</html>
<script type="text/javascript">
new Vue({
el:"#app",
data:{
msg:"我你",
arr:[1,2,3,4,5,6,3,4,4,3,2,4,6,7,8,9]
},
/* 数组自己的,会报错
reArr(value){
return value.reverse();
}*/
filters:{
//修改后的
reverseStr(value){
return value.split("").reverse().join('');
},
appendStr(value){
return value+"是真的吗？"
},
deleteRepeate(value){
var set=new Set(value);
return Array.from(set);
},
reverseArr(value){
var newArr=[];
for(var i=value.length-1;i>=0;i--){
newArr.push(value[i])
}
return newArr;
},
sumCount(value){
var sum=0;
for(var i of value){
sum+=i;
}
return sum;
}
}
})
</script>
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
