vue 计算属性

在这里我觉得讲 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)
                }
            }