Vue实例中computed的使用

1.定义

  1. 在computed中可以定义一些属性,这些属性叫做计算属性,这些属性是一个方法,当需要使用计算属性时,直接把属性当作数据的名称使用,就会调用对应的方法去计算出一个数据
  2. 在引用计算属性时,一定不要加(),而应该将它当成不同数据来使用
  3. 只要计算属性的方法内部,任何data中的发生了变化,就会立刻调用函数,重新计算计算属性
  4. 计算属性的求值结果会被缓存起来,方便下次使用,如果计算属性中的数据发生变化,才会重新计算计算属性

2.使用

  1. 定义计算属性
var vm=new Vue({
    el:'#app',
    data:{
    	a:0
    },
    methods:{

    },
    computed:{
        '计算属性':function(){
            console.log("计算属性计算")
            return this.a
        }
    }
  1. 修改data中的数据
<input type="button" @click="a++">
posted @ 2020-02-12 21:23  程序员徐小白  阅读(143)  评论(0)    收藏  举报