vue里的watch 和 computed 监听的不同

1.computed里是偏向于通过监听data里的值变化后，经过运算返回一个新的计算结果，

所以k不能与data里的k重名，并且必须有return，

能够缓存，依赖的值不变化不会进行重复计算；

而watch是监听data里的值的变化，k是data里的k，不能自己单独定义k

watch里经常放异步函数。

不能缓存。

watch顾名思义，用于监听数据变化，其中可以监听的数据来源有三部分：props、data、computed内的数据；watch提供两个参数（newValue，oldValue），第一个参数是新值，第二个参数保存旧值；

computed用于处理复杂的逻辑运算，主要和methods储存方法来进行区分；methods储存方法，，computed储存需要处理的数据值；methods每次都会调用，computed有缓存机制，只有改变时才执行，性能更佳；

   <div id="app">
         <input type="text" v-on:input='input'>
         <ul>
             <li v-for='item in result'>{{item}}</li>
         </ul>
     </div>
     <script src="vue.js"></script>
     <script>
         var vm = new Vue({
           el:'#app',
           data:{
               flag: false,
               result:[],

           },
           methods:{
               input:function(){
                   this.flag = true
               }
           },
           watch:{
               flag:function(newValue，old){//两个参数表示变化之前的值和变化之后的值 

                 setTimeout(()=>{ 
                       this.result = [1,2,3,4,5] 

                        console.log(old,newValue) 

                                   },500) 

                                         } 

                                       } 

                  })