误将vue中的计算属性完全等同于函数

已于 2022-05-06 16:55:28 修改
阅读量187 收藏
点赞数
分类专栏： 我爱bug 呜呜呜 文章标签： 前端
于 2022-05-05 20:49:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_57396733/article/details/124597166
版权

1.场景

2.期待效果

3.实际却报错

sum2 is not a function

4.分析

计算属性并不能完全等价于函数，不能错误地去调用，加小括号。

此外一定不要忘记return

谁扔的炮仗啊
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中的计算属性实例详解
10-17
模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。接下来通过本文给大家介绍vue中的计算属性,需要的朋友可以参考下
VUE_computed计算属性传递参数报错is not a function，计算属性如何传递参数
小歪博客
03-04 7363
因为计算属性是一个属性，不是一个方法，所以会报错is not a function 错误写法 <div id="app"> {{num(1)}} </div> <script> var vm = new Vue({ el: '#app', data: { }, computed:{ num(i){ return i }
vue 3 学习笔记 (七)——vue3 中 computed 新用法
前端人的博客
11-25 4650
vue3 中 的 computed 的使用，由于 vue3 兼容 vue2 的选项式API，所以可以直接使用 vue2的写法，这篇文章主要介绍 vue3 中 computed 的新用法，对比 vue2 中的写法，让您快速掌握 vue3 中 computed 的新用法。 组合式 API 中使用 computed 时，需要先引入：import { computed } from "vue"。引入之后 computed 可以传入的参数有两种：回调函数和 options 。具体看看它是如何使用的？ 一、函数式写
计算属性
weixin_44645309的博客
02-25 168
计算属性 一、计算属性不是函数 <div id="app"> {{reversedMsg()}} </div> new Vue({ el: '#app', data: { msg: 'hello' }, computed: { reversedMsg() { return this.msg.split('').reverse().join('') } } }) 程序执行后会
js报错 Uncaught TypeError: sum is not a function，解决方案
vip_mcgrady的博客
12-08 1128
链接：https://www.liuniukeji.com/index/liuhongyu 错误信息： 页面的js代码 原因： 1.变量名与方法名重复 2.标签的id与方法名重复 3.方法名重复 解决的重复问题，bug就解决了 链接：https://www.liuniukeji.com/index/liuhongyu ...
Vue的computed计算属性
Hhjian524的博客
11-18 503
简单地用一个例子来举例说明methods属性和computed属性的区别。 在html中： &lt;div id="app"&gt; &lt;h1&gt;Computed 计算属性&lt;/h1&gt; &lt;button @click="a++"&gt;Add to A&lt;/button&gt; &lt;button @cli
关闭Vue计算属性自带的缓存功能方法
08-27
下面小编就为大家分享一篇关闭Vue计算属性自带的缓存功能方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Vue中计算属性computed的示例解读
08-29
计算属性和普通属性一样是在模板中绑定计算属性的，当data中对应数据发生改变时，计算属性的值也会发生改变。下面这篇文章主要给大家介绍了关于Vue中计算属性computed的相关资料，需要的朋友可以参考下。
vue中的计算属性和侦听属性
01-21
计算属性具有依赖性，计算属性依赖 data中的初始值，只有当初始值改变的时候，计算属性才会再次计算 计算属性一般书写为一个函数，返回了一个值，这个值具有依赖性，只有依赖的那个值发生改变，他才会重新计算 <...
vue计算属性+vue中class与style绑定(推荐)
10-15
主要介绍了vue计算属性+vue中class与style绑定,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
JS中常见的 “函数名 is not a function” 错误
热门推荐
weixin_40345099的博客
09-30 26万+
js中常见的错误，例如Uncaught TypeError: x is not a function 其原因除了函数本身有错之外，还有一种很奇怪的情况：函数本身没有错，但是运行时就是不能正常运行。这种情况与javascript的特性有关：变量与函数声明前置的优先级。 首先看代码： console.log(x) console.log(x()); var x=1; function x(){...
vue “xxx” is not a function 解决方法
qq_36416905的博客
09-24 4万+
问题出现在同学代码的函数名和el-dialog框的visible.sync里的参数重名了,把两个改成不一样的名字就好了 所以一定不要偷懒取一个名字= = 容易混淆还影响函数执行，可能之后更了解Vue会明白为啥这样报错吧。 尽量不要把很多名字取得一样 不然问题就很大 ...
vue *** is not a function 解决
wildhoney423的博客
09-24 4万+
最近刚开始研究vue框架，之前一直没用过前端框架，虽然功能强大，但是早就知道在应用起来这里面坑很多，果然前进的路上坑坑洼洼的。 在了解了一些基本功能后就拿着之前做过的一个普通H5结构的老项目做移植以便练习，很快就遇到了一个很蛋疼的问题，很多基于Jq的老插件在vue框架里不兼容。虽然都说在vue里用jq很可笑，但是作为一个过渡和用了好几年jq家族插件的人，怎么能这么快就适应到全盘推翻从新开始呢。 其...
$ is not a function 已解决
java journey
10-10 14万+
网上查资料和不断尝试,终于找到原因了. 1)网上一种解释: If you are trying to add your own jQuery code to WordPress, and have had the error “$ is not a function” s
$ is not a function 的问题的解决方法
qq_34710612的博客
09-28 3万+
      这几天做项目，有一个突发的问题，就是明明jQuery导进去了，就是报错$ is not a function 的问题，我前段用的是easyUI，想要给日期赋值，每次都错误，慢慢一个一个的更改js,发现了和引入的js的先后顺序有关系，首先不管引入什么js,jquery这个必须放在首位，这样确保所有的文件都能成功，因为引进来很多的js,有时候很多东西都重复了，导致覆盖了原有的一些基本属性。...
js报$ is not a function 的问题的解决方法
work hard
03-01 11万+
在html中的程序，跑的好好的，换成jsp在项目中跑，就一直报$ is not a function错，针对此问题，下面有个不错的解决方法，大家可以尝试操作下 今天在做项目时，碰到了一个超奇怪的问题。我在html中的程序，跑的好好的，换成jsp在项目中跑，就一直报$ is not a function错。找了很久，试了很多，都没解决。后来，突然想到，将我引入的js文件的顺
Vue2中计算属性可以在模版中写成函数？
T8682828的博客
09-30 278
Vue2中计算属性可以在模版中写成函数？
Uncaught TypeError: sum is not a function
aquial的博客
10-11 1005
function sum(x,y) { sum = x + y;  document.write(sum+"");}sum(1,2);sum(3,4); 报错：Uncaught TypeError: sum is not a function 原因：变量和函数同名，导致歧义 改为: function sum(x,y) { all = x + y; docume
vue计算属性computed与函数function的区别
Poo__Chai的博客
09-26 1292
计算属性：具有缓存功能 ，无任调用多少次就计算一次；（性能得到提升） 函数是：函数 、 每次调用都会计算（性能降低）
vue中methods中函数怎样拿到计算属性的值
最新发布
07-28
在Vue中，你可以通过`this`关键字来访问计算属性的值。在`methods`中定义的函数可以通过`this`访问到Vue实例的属性和方法，包括计算属性。 下面是一个示例： ```vue 计算属性的值: {{ computedValue }} 点击...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值