vue 计算属性computed

vue的计算属性作用是监听data里面的数据变化

举个例子

vue 计算属性computed

vue 计算属性computed

写了一个input输入框,用v-model绑定一下data里面的数据

当我要改变Input里面值的时候,通过计算属性监听

vue 计算属性computed

计算属性:参数一是名称  (myMsg是自己取的名,在template上用花括号显示出来)

                参数二是方法体   计算属性中可以添加方法,也可以添加对象

当我们改变Input里面内容的时候,监听到msg,通过函数返回自己想要的东西

vue 计算属性computed

如果内面添加的是对象,那么必须要有2个方法,set和get,ste是输入,get是得到

vue 计算属性computed

结果不变

vue 计算属性computed

computed有缓存机制而watch没有
缓存机制就是说第一次拿到这个值后(msg),存到缓存里面
第二次读myMsg的时候是从缓存里面拿这个值
除非再次更改msg里面的值,会再次重新读取一下