vueJS computed与method的区别

实例演示

html

vueJS computed与method的区别_第1张图片


js 中在method中实现addToA和addToB方法

vueJS computed与method的区别_第2张图片

控制台打印效果 每次点击button 无论点击哪一个 两个方法都会执行,比较耗时

vueJS computed与method的区别_第3张图片

computed中实现方法

vueJS computed与method的区别_第4张图片

因为computed是计算属性 html中方法要把括号去掉

vueJS computed与method的区别_第5张图片

console打印结果,只执行对应的方法

vueJS computed与method的区别_第6张图片

computed:计算属性一般在数据量比较大,比较耗时的情况下使用(例如搜索),只有虚拟dom与真实dom不同的情况下会执行computed;

method:方法使用 如果使用了其中一个方法,其他的方法都会被执行,比较耗时,不管虚拟dom与真实dom一不一样都会执行

你可能感兴趣的:(vue)