Vue中computed与method的区别

Vue中computed与method的区别

区别一：
computed调用是属性调用，不需要加括号
methods是函数调用，需要加括号

<div id="app">
        <input type="text"v-model.number="a">
        <input type="text"v-model.number="b">
        <p v-cloak>结果：{{handle()}}</p>
        <p v-cloak>结果：{{handleCom}}</p>
</div>

<script src="vue.js"></script>
<script>
    var vm = new Vue({
        el:"#app",
        data:{
            a:"",
            b:"",
            sum:"",
        },
        methods:{
            handle(){
                return this.a+this.b;
            }
        },
        computed:{
            handleCom(){
                return this.a+this.b;
            }
        }
    })


</script>

区别二：
computed是当下次所以奶的函数没有发生改变时，再次调用时，会从缓存读取数据
methods是 没有缓存存数据，每次调用每次执行，无论值有没有改变（methods全部方法都会执行，耗性能）