在这里我觉得讲 computed  和methods放在一起讨论 更 便于 理解。

computed:{{comput1}}

var vm = new Vue({
  el: '#example',
  data: {
    message: 10
  },
  computed: {
   	comput1: function () {
      return this.message
    }
  },	

})

methods:{{meth1}}

methods: {
  meth1: function () {
    return this.message
  }
}

methods和computed从显示效果是一样的,但是主要的区别是

 1.computer 是存在缓存的,在data没有改变实时,就算computed 中有 Date random,也是不会改变的。

 2.methods则是不会缓存 return  值(所以按实际需要选择方法)


与watch比较 message为data中的数据   

computer 与相同点是可以检测 数据的改变,比较而言各有有缺点,watch在可阅读性上更具优势,便于维护,computer在书写代码上更具优势。

watch:{
                message:function(){
                    alert(this.n)
                }
            }


Logo

前往低代码交流专区

更多推荐