vue计算属性和监听区别

最新推荐文章于 2024-02-21 21:25:17 发布

不会代码的鬼鬼

最新推荐文章于 2024-02-21 21:25:17 发布

阅读量813

点赞数

分类专栏：知识点 vue 文章标签： javascript vue.js html5

本文链接：https://blog.csdn.net/guigui0822/article/details/120350515

版权

本文探讨Vue框架中计算属性与监听属性的区别。计算属性适用于单一数据源的计算，不需要返回值，而监听属性则能响应多个数据源变化，且需返回值以创建新属性。

摘要由CSDN通过智能技术生成

计算属性(compued):
1.一次只能计算一个变量如果data有多个变量则需要重新写一变
2.只是监听数据源data里面的属性,不产生新的属性所以不用写return
监听属性($Watch):
1.只需要一个就行因为计算属性依赖于数据源data 里面的属性的但是一次可以依赖多个
2. 因为新增属性所以要写 return

监听:

 //监听的一种方式 vue 对象创建完成后直接写到实例属性上
    //参数1:监听的对象 数据源 data里面的变量 
    // 参数2:回调函数 
    //   回调函数参数1: 新值 参数2:旧值
    ve.$watch("count", function (newValue, oldValue)