Vue --- 计算属性computed和方法methods的区别






Vue --- 计算属性computed和方法methods的区别_第1张图片
两个对象的返回结果一样,区别如下
1、在computed里写了个函数,在dom中使用时,可以直接{{ 函数名 }},而在methods中写函数时,在dom中使用就得加小括号{{ 函数名() }};
2、官方的逻辑是computed计算属性是基于它们的响应式依赖进行缓存的,也就是说,只要值不改变,dom中的值不再去调用函数取值,而是从缓存中获取,速度会很快;而methods则不管值有没有改变,一旦dom中要取值,则会再次调用方法

知识点补充:split()reverse()join()
split() 方法用于把一个字符串分割成字符串数组,有两个参数,第一个参数是字符串或正则表达式,从该参数指定的地方分割,第二个参数可指定返回的数组的最大长度
reverse() 方法用于颠倒数组中元素的顺序;
join() 方法用于把数组中的所有元素放入一个字符串,唯一一个参数,指定要使用的分隔符;

首先将data中的msg的值通过split()由字符串转成字符串数组,这样才能用reverse()颠倒数组中元素的顺序,最后再使用join()将排过序后的数组的所有的值放入一个字符串

你可能感兴趣的:(Vue)