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) 

                                        } 

                                      } 

                 })