vue computed计算属性及应用

1 computed 基于依赖进行缓存，只要相关依赖发生改变时才能重新求值。

{{ msg }}

{{ reverseMsg() }}

{{ reverseMsg() }}

{{ reverMsg }}

{{ reverMsg }}

export default{

  data(){

    return {

      msg :'hellword'

    }

  },

  computed:{

    reverMsg(){

      console.log(222)//缓存特性没发生任何改变，控制台只打印一次。

      return this.msg.split('').reverse().join("");

    }

  }

  methods:{

    reverseMsg(){

      console.log(111)//引用两次打印两次

      return this.msg.split('').reverse().join("");

    }

  }

}