美文网首页
关于计算属性computed

关于计算属性computed

作者: 自律财富自由 | 来源:发表于2018-09-25 17:13 被阅读0次

官方文档中这样描述计算属性的:
类型:{ [key: string]: Function | { get: Function, set: Function } }
这句话的意思是:计算属性是用一个函数返回一个数据值,或者是定义了get方法和set方法的对象,来对原来响应式的数据进行设置或者获取。
比如:

var vm = new Vue({
      el: '#test',
      data: {
        message: 'Hello',
        a: 1  //在data中定义的数据就是响应式的
      },
      //计算属性的使用方法,当成一个数据属性来使用
      computed: {
        aDouble () {
          return this.a * 2
        },
        aPlus: {
          get: function () {
            return this.a + 1
          },
          set: function (v) {
            this.a = v - 1
          }
        }
      }
    })
    console.log('init a = ', vm.a)  // a = 1
    //默认调用get方法取得a的值
    console.log('plus 1 = ', vm.aPlus)  // 2
    //重新设置a的指,会调用set方法
    vm.aPlus = 4
    console.log('new a = ', vm.a)  //  a = 3

相关文章

  • 计算属性

    1.计算属性get方法: 计算属性(computed)和Methods区别:计算属性(computed)适合:有缓...

  • Vue复习

    Vue的计算属性 计算属性computed

  • 关于计算属性computed

    官方文档中这样描述计算属性的:类型:{ [key: string]: Function | { get: Func...

  • 03.vue3-组合API(下篇)

    组合API-computed函数 定义计算属性: computed函数,是用来定义计算属性的,计算属性不能修改。基...

  • 监听器和计算属性的区别watch,computed

    计算属性computed和监听器watch区别?1.能使用计算属性computed的尽量使用计算属性,但是计算属性...

  • Vue之计算属性computed(一)

    Vue中什么是计算属性computed,计算属性的基础、计算属性computed与方法method实现相同的功能为...

  • 3.vue计算属性和过滤器

    1.计算属性 Vue中的computed属性称为计算属性.它与methods不同,computed是响应式的,调用...

  • Vue

    computed 计算属性 computed的结果会被缓存,除非依赖的响应式属性变化才会重新计算,主要当做属性来使...

  • computed缓存 VS methods方法

    computed 计算属性【选项】 computed 属性会基于它所依赖的数据进行缓存 每个 computed 属...

  • computed && watch && methods

    computed计算属性适用于任何复杂逻辑的计算 computed 和 计算方法computed: 是基于它们的依...

网友评论

      本文标题:关于计算属性computed

      本文链接:https://www.haomeiwen.com/subject/bpmloftx.html