vue中方法和看有什么区别

  介绍

这篇文章给大家介绍vue中方法和看有什么区别,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

<强>方法

方法是方法,只要调用它,函数就会执行。

<强>相同:两者达到的效果是同样的。

<强>不同:强计算属性是基于它们的依赖进行缓存的,只有相关依赖会发生改变时才会重新求职。只要相关依赖未改变,只会返回之前的结果,不再执行函数。

& lt; p>原始数据:{{味精}}& lt;/p>,   & lt; p>改变后的数据:{{changemsg}} & lt;/p>,   var  vm=new  Vue ({,   & lt; span 祝辞,& lt;/span>埃尔:“# example",,   数据:{大敌;   ,& lt; span 祝辞,& lt;/span>味精:“hello",,   & lt; span 祝辞,& lt;/span>},,   & lt; span 祝辞,& lt;/span>计算:{,   changemsg才能:函数(){,   return 才能this.msg.split (“;”) .reverse () . join (“;”),,   },大敌;   }

<>强计算属性,VS看着属性

看属性:代码更易于理解,它指定监测的值是谁,然后相应的改变其他的值。

var  vm =, Vue ({new    ,el: & # 39; #演示# 39;   ,数据:{   ,firstName: & # 39; foo # 39;   ,姓:& # 39;酒吧# 39;   ,fullName: & # 39; Foo 酒吧# 39;   },   ,看:{   ,firstName: function  (val), {   this.fullName 才能=,val  +, & # 39;, & # 39;, + this.lastName   },   ,姓:function  (val), {   this.fullName 才能=,this.firstName  +, & # 39;, & # 39; +, val   ,}   ,}   })

计算属性:代码更简单。

var  vm =, Vue ({new    ,el: & # 39; #演示# 39;   ,数据:{   ,firstName: & # 39; foo # 39;   ,姓:& # 39;酒吧# 39;   },   ,计算:{   ,fullName: function  (), {   return 才能;this.firstName  +, & # 39;, & # 39;, + this.lastName   ,}   ,}   })

关于vue中方法和看有什么区别就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。

vue中方法和看有什么区别