为什么调用的时候加上括号就会报错呢?
<template>
<div>{{sort}}</div>
</template>
<script>
export default {
data() {
return {
list: [1, 4, 6, 7, -9, 4, 0, -2, -1, 8]
};
},
computed: {
sort(){
return this.list.sort();
}
}
};
</script>
调用的时候不加括号就可以正常显示,加了括号就会报错,不是说这个函数不传参数的时候写不写括号都行吗?
<div>{{sort()}}</div>
另外,sort方法不是我这样直接list.sort()调用吗?怎么看好多同学都在里面写一个函数,我这个没有写内容也成功显示了呀,是我记错了么?课程在哪讲的这个,找不到了....网上查到好像sort方法使用的时候里面写的函数都不一样,还有的是Array.sort(数组名)这样调用的,有点迷糊
正在回答
同学你好,对于你的问题解答如下:
1、vue语法规定,computed里面定义的是计算属性,也就是说如下所示为值的sort是个属性,在template中使用时,需要直接写属性名,不可以添加括号调用。
2、同学这种写法,直接调用的sort方法是可以的。
js语法中规定,sort方法默认是升序排列。传递参数是为了控制是升序还是降序排列数组
可以通过传递一个回调函数(格式是固定的),同学可以结合如下示例测试理解记忆一下
如果我的回答帮助到了你,欢迎采纳,祝学习愉快~
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理,通过ES6基础知识和前端主流高级框架的学习,助你快速构建企业级移动webAPP应用,进入职场的终极battle
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星