vue中计算属性和方法的区别,演示代码

第一个,使用计算属性

   <div id="example">
        <p>{{ now }}"</p>
        <p>{{msg}}</p>
      </div>
      
      <script>
        //  在控制台,使用vm.message=2,修改msg的时候,时间不会发生变化
      var vm = new Vue({
        el: '#example',
        data: {
          msg: 'Hello'
        },
        computed: {
          now: function () {
            return Date.now()
          }
        }
      })
      </script>

  

猜你喜欢

转载自www.cnblogs.com/cn-oldboy/p/12684000.html