介绍
这篇文章给大家介绍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中方法和看有什么区别就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看的到。