js计算属性与方法的区别

方法:

  reversedMessage: function () {
    return this.message.split('').reverse().join('')
  }

<p>Reversed message: "{{ reversedMessage() }}"</p>

每次执行都需要调用  reversedMessage()方法 然后在去渲染html元素的值  

注意这里是每一次都需要去调用一次

例如你运行100次实例化100次

 

计算属性：

 <p>Computed reversed message: "{{ reversedMessage }}"</p>

  computed: {
    reversedMessage: function () {
      return this.message.split('').reverse().join('')
    }
  }

每第一次执行需要调用  然后在去渲染html元素的值  

注意这里是每第一次都需要去调用在渲染

例如你运行100次 第一次实例化1次 后面的99次直接去取之前的值即可

类似于iybatis的那个2级缓存效果类似 

 

以上如有问题可评论 如有错误欢迎指教  我看到立马回答

请不要所以转载 ！！！