第十五节:带你梳理Vue2:computed/methods/watch之间的区别

1. 计算属性computed与方法methods的比较

通过学习的知识,我们已经了解了computed计算属性和methods方法,

计算属性computed和methods方法都可以将一段逻辑代码进行复用,那么他们有什么不同之处呢.

我们先看一个示例:

<div id="app"> 
    <h2>对于字符串数据进行反向处理</h2>

    <h3>1. 原字符串</h3>
    {
  { message }}

    <h3>2. methods方法反向</h3>
    {
  { reversedMessage() }}

    <h3>3. computed计算属性反向</h3>
    {
  { reversedMsg }}
</div>


<script>   
    const vm = new Vue({
     
        el: "#app",
        data: {
     
            message:"hello"
        },
        methods: {
     
            reversedMessage: function () {
     
                return this.message.split('').reverse().