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>    

computed是当下所依赖的函数没有发生改变时，再次调用是，会从缓存中读取数据
methods是没有缓存数据，每次调用每次执行，无论值有没有改变

   var vm=new Vue({
    
    
        el:'#app',
        data:{
    
    
            a:'',
            b:'',
            sum:'',
        },
        methods: {
    
    
            handle(){
    
    
                console.log('handle()被调用了')
                return this.a+this.b
            }
        },
        computed: {
    
    
            handleCom(){
    
    
                console.log('handleCom被调用了')
                return this.a+this.b
            }
        }
    })